☰

WME Fix UI

Allows alterations to the WME UI to fix things screwed up or ignored by Waze

  1. // ==UserScript==
  2. // @name                WME Fix UI
  3. // @namespace           https://greasyfork.org/en/users/46070
  4. // @description         Allows alterations to the WME UI to fix things screwed up or ignored by Waze
  5. // @include             https://www.waze.com/editor*
  6. // @include             https://www.waze.com/*/editor*
  7. // @include             https://beta.waze.com/editor*
  8. // @include             https://beta.waze.com/*/editor*
  9. // @exclude             https://www.waze.com/*user/editor/*
  10. // @supportURL          https://www.waze.com/forum/viewtopic.php?f=819&t=191178
  11. // @version             2.57
  12. // @grant               none
  13. // ==/UserScript==
  14.  
  15. // Thanks to (in no particular order)
  16. //    Bellhouse, Twister-UK, Timbones, Dave2084, Rickzabel, Glodenox,
  17. //    JJohnston84, SAR85, Cardyin, JustinS83, berestovskyy, Sebiseba,
  18. //    The_Cre8r, ABelter
  19.  
  20. /* eslint-env jquery */
  21. /* global I18n,W,OpenLayers */
  22. // jshint esversion: 6
  23.  
  24. // Notes
  25. //new idea: hide Parking lot payment types when cost is FREE
  26. //new idea: red notification icon
  27. //
  28.  
  29. (function ()
  30. {
  31. // global variables
  32. var wmefu_version = "2.57";
  33. var oldVersion;
  34. var prefix = "WMEFU";
  35. var tabAttempts = 0;
  36. var wmeFUAddon;
  37. var debug = false;
  38. var wmeFUinitialising = true;
  39. var kineticDragParams;
  40. var yslider;
  41. var layersButton,refreshButton,shareButton;
  42. //Mutation Observer for daterangepicker in Restrictions
  43. var RestrictionObserver = new MutationObserver(function(mutations) {
  44. 	if (getById('_cbMondayFirst').checked || getById('_cbISODates').checked) {
  45. 		mutations.forEach(function(mutation) {
  46. 			if ($(mutation.target).hasClass('modal-content')) {
  47. 				if (mutation.addedNodes.length > 0) {
  48. 					if ($(".datepicker").length > 0) {
  49. 						var DRP = $(".datepicker")[0];
  50. 						if (getById('_cbMondayFirst').checked && getById('_cbISODates').checked) {
  51. 							$(DRP).data("daterangepicker").locale.firstDay = 1;
  52. 							$(DRP).data("daterangepicker").locale.daysOfWeek = ['Mo','Tu','We','Th','Fr','Sa','Su'];
  53. 							$(DRP).data("daterangepicker").locale.format = "YYYY-MM-DD";
  54. 							DRP.value = $(DRP).data("daterangepicker").startDate._i + " - " + $(DRP).data("daterangepicker").endDate._i;
  55. 						} else if (getById('_cbMondayFirst').checked) {
  56. 							$(DRP).data("daterangepicker").locale.firstDay = 1;
  57. 							$(DRP).data("daterangepicker").locale.daysOfWeek = ['Mo','Tu','We','Th','Fr','Sa','Su'];
  58. 						} else if (getById('_cbISODates').checked) {
  59. 							$(DRP).data("daterangepicker").locale.format = "YYYY-MM-DD";
  60. 							DRP.value = $(DRP).data("daterangepicker").startDate._i + " - " + $(DRP).data("daterangepicker").endDate._i;
  61. 						}
  62. 					}
  63. 				}
  64. 			}
  65. 		});
  66. 	}
  67. });
  68. //Mutation Observer for daterangepicker in Closures
  69. var ClosureObserver = new MutationObserver(function(mutations) {
  70. 	if (getById('_cbMondayFirst').checked) {
  71. 		mutations.forEach(function(mutation) {
  72. 			if (mutation.target.className == "closures") {
  73. 				if (mutation.addedNodes.length > 0) {
  74. 					if (mutation.addedNodes[0].firstChild.classList.contains("edit-closure")) {
  75. 						$(".end-date").data("daterangepicker").locale.firstDay = 1;
  76. 						$(".end-date").data("daterangepicker").locale.daysOfWeek = ['Mo','Tu','We','Th','Fr','Sa','Su'];
  77. 						$(".start-date").data("daterangepicker").locale.firstDay = 1;
  78. 						$(".start-date").data("daterangepicker").locale.daysOfWeek = ['Mo','Tu','We','Th','Fr','Sa','Su'];
  79. 					}
  80. 				}
  81. 			}
  82. 		});
  83. 	}
  84. });
  85. //Fix for date/time formats in WME released Oct/Nov 2016 - provided by Glodenox
  86. I18n.translations[I18n.currentLocale()].time = {};
  87. I18n.translations[I18n.currentLocale()].time.formats = {};
  88. I18n.translations[I18n.currentLocale()].time.formats.long = "%a %b %d %Y, %H:%M";
  89. I18n.translations[I18n.currentLocale()].date.formats = {};
  90. I18n.translations[I18n.currentLocale()].date.formats.long = "%a %b %d %Y, %H:%M";
  91. I18n.translations[I18n.currentLocale()].date.formats.default = "%a %b %d %Y";
  92. if (I18n.currentLocale() == 'en-GB') {
  93.   I18n.translations['en-GB'].update_requests.panel.reported = 'Reported on: %{date}';
  94. }
  95.  
  96. function init1() {
  97. 	console.group(prefix + ": initialising...");
  98. 	console.time(prefix + ": initialisation time");
  99. 	logit("Starting init1","debug");
  100. 	// go round again if map container isn't there yet
  101. 	if(!window.W.map) {
  102. 		logit("waiting for WME...","warning");
  103. 		setTimeout(init1, 200);
  104. 		return;
  105. 	}
  106. 	// create tab content and store it
  107. 	wmeFUAddon = createAddon();
  108. 	// insert the content as a tab
  109. 	addMyTab(null,0);
  110. 	//pass control to init2
  111. 	init2();
  112. }
  113.  
  114. function init2() {
  115. 	logit("Starting init2","debug");
  116. 	//go round again if my tab isn't there yet
  117. 	if (!getById('sidepanel-FixUI')) {
  118. 		logit("Waiting for my tab to appear...","warning");
  119. 		setTimeout(init2, 200);
  120. 		return;
  121. 	}
  122. 	// setup event handlers for my controls:
  123. 	getById('_cbMoveZoomBar').onclick = createZoomBar;
  124. 	getById('_cbFixExternalProviders').onclick = fixExternalProviders;
  125. 	getById('_cbMoveChatIcon').onclick = moveChatIcon;
  126. 	getById('_cbHighlightInvisible').onclick = highlightInvisible;
  127. 	getById('_cbDarkenSaveLayer').onclick = darkenSaveLayer;
  128. 	getById('_cbSwapRoadsGPS').onclick = swapRoadsGPS;
  129. 	getById('_cbShowMapBlockers').onclick = showMapBlockers;
  130. 	getById('_cbHideLinks').onclick = hideLinks;
  131. 	getById('_cbShrinkTopBars').onclick = shrinkTopBars;
  132. 	getById('_cbCompressSegmentTab').onclick = compressSegmentTab;
  133. 	getById('_cbCompressLayersMenu').onclick = compressLayersMenu;
  134. 	getById('_cbLayersColumns').onclick = compressLayersMenu;
  135. 	getById('_cbRestyleReports').onclick = restyleReports;
  136. 	getById('_cbEnhanceChat').onclick = enhanceChat;
  137. 	getById('_cbNarrowSidePanel').onclick = narrowSidePanel;
  138. 	getById('_inpUICompression').onchange = applyEnhancements;
  139. 	getById('_inpUIContrast').onchange = applyEnhancements;
  140. 	getById('_inpASX').onchange = shiftAerials;
  141. 	getById('_inpASX').onwheel = shiftAerials;
  142. 	getById('_inpASY').onchange = shiftAerials;
  143. 	getById('_inpASY').onwheel = shiftAerials;
  144. 	getById('_inpASO').onchange = shiftAerials;
  145. 	getById('_inpASO').onwheel = shiftAerials;
  146. 	getById('_resetAS').onclick = function() {
  147. 		getById('_inpASX').value = 0;
  148. 		getById('_inpASY').value = 0;
  149. 		shiftAerials();
  150. 		};
  151. 	getById('_inpGSVContrast').onchange = adjustGSV;
  152. 	getById('_inpGSVBrightness').onchange = adjustGSV;
  153. 	getById('_cbGSVInvert').onchange = adjustGSV;
  154. 	getById('_inpGSVWidth').onchange = GSVWidth;
  155. 	getById('_cbDisableBridgeButton').onchange = disableBridgeButton;
  156. 	getById('_btnKillNode').onclick = killNode;
  157. 	getById('_cbDisableKinetic').onclick = disableKinetic;
  158. 	getById('_cbDisableScrollZoom').onclick = disableScrollZoom;
  159. 	getById('_cbDisableSaveBlocker').onclick = disableSaveBlocker;
  160. 	getById('_cbColourBlindTurns').onclick = colourBlindTurns;
  161. 	getById('_cbHideMenuLabels').onclick = hideMenuLabels;
  162. 	getById('_cbUnfloatButtons').onclick = unfloatButtons;
  163. 	getById('_cbMoveUserInfo').onclick = moveUserInfo;
  164. 	getById('_cbHackGSVHandle').onclick = hackGSVHandle;
  165. 	getById('street-view-drag-handle').ondblclick = GSVWidthReset;
  166. 	getById('_cbEnlargeGeoNodes').onclick = enlargeGeoNodes;
  167. 	getById('_inpEnlargeGeoNodes').onchange = enlargeGeoNodes;
  168. 	getById('_cbEnlargeGeoHandlesFU').onclick = enlargeGeoHandles;
  169. 	getById('_inpEnlargeGeoHandles').onchange = enlargeGeoHandles;
  170.  
  171. 	//REGISTER WAZE EVENT HOOKS
  172. 	// event to recreate my tab after changing WME units
  173. 	W.prefs.on('change:isImperial', function() {
  174. 		tabAttempts = 0;
  175. 		tabsLooper();
  176. 		createDSASection();
  177. 		if (getById('_cbUnfloatButtons').checked) unfloat();
  178. 	});
  179. 	// events for Aerial Shifter
  180. 	W.map.events.register("zoomend", null, shiftAerials);
  181. 	W.map.events.register("moveend", null, shiftAerials);
  182. 	W.map.getOLMap().baseLayer.events.register("loadend", null, shiftAerials);
  183. 	// events to change menu bar color based on map comments checkbox
  184. 	W.map.events.register("zoomend", null, warnCommentsOff);
  185. 	W.map.events.register("moveend", null, warnCommentsOff);
  186. 	// event to re-hack my zoom bar if it's there
  187. 	W.map.getOLMap().baseLayer.events.register("loadend", null, ZLI);
  188. 	//window resize event to resize chat
  189. 	window.addEventListener('resize', enhanceChat, true);
  190. 	//window resize event to resize layers menu
  191. 	window.addEventListener('resize', compressLayersMenu, true);
  192. 	//event to re-hack toolbar buttons on exiting HN mode
  193. 	W.editingMediator.on('change:editingHouseNumbers', function() {
  194. 		if (getById('_cbUnfloatButtons').checked) {
  195. 			if (W.editingMediator.attributes.editingHouseNumbers) unfloat();
  196. 			if (W.editingMediator.attributes.editingEnabled) unfloat();
  197. 		}
  198. 	});
  199. 	
  200. 	//create Aerial Shifter warning div
  201. 	var ASwarning = document.createElement('div');
  202. 	ASwarning.id = "WMEFU_AS";
  203. 	ASwarning.innerHTML = "Aerials Shifted";
  204. 	ASwarning.setAttribute('style','top:20px; left:0px; width:100%; position:absolute; z-index:10000; font-size:100px; font-weight:900; color:rgba(255, 255, 0, 0.4); text-align:center; pointer-events:none; display:none;');
  205. 	getById("WazeMap").appendChild(ASwarning);
  206.  
  207. 	loadSettings();
  208. 	// Add an extra checkbox so I can test segment panel changes easily
  209. 	if (W.loginManager.user.userName == 'iainhouse') {
  210. 		logit("creating segment detail debug checkbox","info");
  211. 		var extraCBSection = document.createElement('p');
  212. 		extraCBSection.innerHTML = '<input type="checkbox" id="_cbextraCBSection" />';
  213. 		getById('left-app-head').appendChild(extraCBSection);
  214. 		getById('_cbextraCBSection').onclick = FALSEcompressSegmentTab;
  215. 		getById('_cbextraCBSection').checked = getById('_cbCompressSegmentTab').checked;
  216. 	}
  217. 	//create Panel Swap div
  218. 	var WMEPS_div = document.createElement('div');
  219. 	var WMEPS_div_sub = document.createElement('div');
  220. 	WMEPS_div.id = "WMEFUPS";
  221. 	WMEPS_div.setAttribute('style','color: lightgrey; margin-left: 5px; font-size: 20px;');
  222. 	WMEPS_div.title = "Panel Swap: when map elements are selected, this lets you\nswap between the edit panel and the other tabs.";
  223. 	WMEPS_div_sub.innerHTML = '<i class="fa fa-sticky-note"></i>';
  224. 	WMEPS_div.appendChild(WMEPS_div_sub);
  225. 	insertNodeBeforeNode(WMEPS_div,getById('mode-switcher-region'));
  226. 	getById("WMEFUPS").onclick = PSclicked;
  227. 	W.selectionManager.events.register("selectionchanged", null, PSicon);
  228. 	//create Permalink Count div
  229. 	var WMEPC_div = document.createElement('div');
  230. 	var WMEPC_div_sub = document.createElement('div');
  231. 	WMEPC_div.id = "WMEFUPC";
  232. 	WMEPC_div.classList.add("toolbar-button","toolbar-button-with-icon");
  233. 	WMEPC_div.title = "Number of selectable map objects in the URL\nClick to reselect them.";
  234. 	WMEPC_div_sub.classList.add("item-container","WMEFU-toolbar-button");
  235. 	var totalItems;
  236. 	if (location.search.match("segments")) totalItems = window.location.search.match(new RegExp("[?&]segments?=([^&]*)"))[1].split(',').length;
  237. 	else if (location.search.match("venues")) totalItems = window.location.search.match(new RegExp("[?&]venues?=([^&]*)"))[1].split(',').length;
  238. 	else if (location.search.match("nodes")) totalItems = Math.min(1,window.location.search.match(new RegExp("[?&]nodes?=([^&]*)"))[1].split(',').length);
  239. 	else if (location.search.match("mapComments")) totalItems = Math.min(1,window.location.search.match(new RegExp("[?&]mapComments?=([^&]*)"))[1].split(',').length);
  240. 	else if (location.search.match("cameras")) totalItems = Math.min(1,window.location.search.match(new RegExp("[?&]cameras?=([^&]*)"))[1].split(',').length);
  241. 	else totalItems = 0;
  242. 	WMEPC_div_sub.innerHTML = '<span class="item-icon" style="display:inline-flex"><i style="margin-top:8px" class="fa fa-link WMEFUPCicon"></i>&nbsp;' + totalItems +'</span>';
  243. 	WMEPC_div.appendChild(WMEPC_div_sub);
  244. 	insertNodeBeforeNode(WMEPC_div,getById('search'));
  245. 	WMEPC_div.onclick = PCclicked;
  246. 	//Create Turn Popup Blocker div
  247. 	var WMETPB_div = document.createElement('div');
  248. 	var WMETPB_div_sub = document.createElement('div');
  249. 	WMETPB_div.id = "WMEFUTPB";
  250. 	WMETPB_div.classList.add("toolbar-button","toolbar-button-with-icon");
  251. 	WMETPB_div.title = "Disable/enable the turn arrow popup dialogue";
  252. 	WMETPB_div_sub.classList.add('item-container',"WMEFU-toolbar-button");
  253. 	WMETPB_div_sub.innerHTML = '<span class="item-icon fa-stack fa-2x" style="display:inline-flex; font-size:10px !important"><i class="fa fa-comment fa-stack-2x"></i><i class="fa fa-arrow-up fa-inverse fa-stack-1x"></i></span>';
  254. 	WMETPB_div.appendChild(WMETPB_div_sub);
  255. 	insertNodeBeforeNode(WMETPB_div,getById('search'));
  256. 	WMETPB_div.onclick = killTurnPopup;
  257. 	addGlobalStyle('.WMEFU-toolbar-button { padding: 0px !important; }');
  258. 	//Create layer pin div
  259. 	var WMEPin_div = document.createElement('div');
  260. 	var WMEPin_div_sub = document.createElement('div');
  261. 	WMEPin_div.id = "WMEFUPIN";
  262. 	WMEPin_div.style.opacity = '0.2';
  263. 	WMEPin_div.style.display = 'none';
  264. 	WMEPin_div.onclick = pinLayers;
  265. 	WMEPin_div_sub.classList.add('pinned','text-checkbox');
  266. 	WMEPC_div_sub.setAttribute('style','margin: 0px; font-size: 24px;');
  267. 	WMEPin_div_sub.innerHTML = '<input id="layer-switcher-pinned-input" type="checkbox" name="pinned" style="display:none"><label for="layer-switcher-pinned-input" title="Pin layer switcher"><i class="waze-icon-pin pin-label"></i></label>';
  268. 	WMEPin_div.appendChild(WMEPin_div_sub);
  269. 	insertNodeBeforeNode(WMEPin_div,getByClass('js-close-layer-switcher')[0]);
  270. 	addGlobalStyle('.pin-label { margin: 0; font-size: 18px; line-height: 18px } #WMEFUPIN label { margin-bottom: 0 }');
  271. 	// overload the window unload function to save my settings
  272. 	window.addEventListener("beforeunload", saveSettings, false);
  273. 	if (!W.selectionManager.getSelectedFeatures) {
  274. 		W.selectionManager.getSelectedFeatures = W.selectionManager.getSelectedItems;
  275. 	}
  276. 	// Alert to new version
  277. 	if (oldVersion != wmefu_version) {
  278. 		alert("WME Fix UI has been updated to version " + wmefu_version + "\n" +
  279. 		ChromeWarning() +
  280. 		"\n" +
  281. 		"Version 2.57 - 2021-07-25\n" +
  282. 		"* Updates for background changes in WME map model\n" +
  283. 		"\n" +
  284. 		"Previous highlights (in the last 6 months):\n" +
  285. 		"* 2.56 New feature: Adjust size of geo/junction nodes\n" +
  286. 		"* 2.56 New feature: Adjust size of geo handles\n" +
  287. 		"* 2.52 New feature: Auto-expanded element history items\n" +
  288. 		"");
  289. 		saveSettings();
  290. 	}
  291. 	// fix for sidebar display problem in Safari, requested by edsonajj
  292. 	var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
  293. 	if (isSafari) {
  294. 		addGlobalStyle('.flex-parent { height: 99% !important; }');
  295. 	}
  296. 	// stop wobbling status bar
  297. 	addGlobalStyle('.WazeControlMousePosition { font-family: monospace }');
  298. 	// move closed node icon below node markers
  299. 	// apply the settings
  300. 	shiftAerials();
  301. 	// attempt to make liveuser names show
  302. 	setTimeout(applyAllSettings, 1000);
  303. 	W.model.liveUsers.users.on("add", function() {
  304. 		try {
  305. 			liveUserAdded.apply(this, arguments);
  306. 		} catch (e) {
  307. 			logit(e,"error");
  308. 		}
  309. 	});
  310. 	addGlobalStyle('.live-user-marker { pointer-events: none; }');
  311. 	// auto-expand all history 
  312. 	addGlobalStyle('.element-history-item.closed .tx-content { display: block; }');
  313. 	logit("Initialisation complete");
  314. 	console.timeEnd(prefix + ": initialisation time");
  315. 	console.groupEnd();
  316. }
  317.  
  318. function createAddon() {
  319. 	//create the contents of my side-panel tab
  320. 	var addon = document.createElement('section');
  321. 	var section = document.createElement('p');
  322. 	addon.id = "sidepanel-FixUI";
  323. 	section.style.paddingTop = "4px";
  324. 	section.style.lineHeight = "11px";
  325. 	section.style.fontSize = "11px";
  326. 	section.id = "fuContent";
  327. 	section.innerHTML = "";
  328. 	section.innerHTML += '<b title="Shift aerial images layer to match GPS tracks and reduce image opacity">Aerial Shifter</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  329. 	section.innerHTML += '<span class="fa fa-power-off" id="_resetAS" title="Clear X/Y offsets"></span><br>';
  330. 	section.innerHTML += '<div style="display:inline-block"><input type="number" id="_inpASX" title="horizontal shift" max=100 min=-100 step=5 style="height:20px; width:40px;text-align:right;"/><b>m</b><span class="fa fa-arrow-right"></span></div>';
  331. 	section.innerHTML += '<div id="as2" style="display:inline-block;padding:0 5px;"><input type="number" id="_inpASY" title="vertical shift" max=100 min=-100 step=5 style="height:20px; width:40px;text-align:right;"/><b>m</b><span class="fa fa-arrow-up"></span></div>';
  332. 	section.innerHTML += '<div id="as3" style="display:inline-block"><input type="number" id="_inpASO" title="opacity" max=100 min=10 step=10 style="height:20px; width:40px;text-align:right;"/><b>%</b><span class="fa fa-adjust"></span></div>';
  333. 	section.innerHTML += '<br>';
  334. 	section.innerHTML += '<br>';
  335.  
  336. 	section.innerHTML += '<b title="Adjust contrast, brightness, colours & width for Google Street View images">GSV image adjust</b><br>';
  337. 	section.innerHTML += '<span title="Contrast"><input type="number" id="_inpGSVContrast" max=200 min=25 step=25 style="height:20px; width:42px;text-align:right;"/><b>%</b><span class="fa fa-adjust"></span></span>&nbsp;&nbsp;';
  338. 	section.innerHTML += '<span title="Brightness"><input type="number" id="_inpGSVBrightness" max=200 min=25 step=25 style="height:20px; width:42px;text-align:right;"/><b>%</b><span class="fa fa-sun-o"></span></span>&nbsp;&nbsp;';
  339. 	section.innerHTML += '<span title="Invert colours"><input type="checkbox" id="_cbGSVInvert"/><span class="fa fa-tint"></span></span>&nbsp;&nbsp;';
  340. 	section.innerHTML += '<span title="Default width"><input type="number" id="_inpGSVWidth" max=90 min=10 step=10 style="height:20px; width:36px;text-align:right;"/><b>%</b><span class="fa fa-arrows-h"></span></span>&nbsp;&nbsp;&nbsp;';
  341. 	section.innerHTML += '<br>';
  342. 	section.innerHTML += '<br>';
  343. 	section.innerHTML += '<b>UI Enhancements</b><br>';
  344. 	section.innerHTML += '<input type="checkbox" id="_cbShrinkTopBars" /> ' +
  345. 			'<span title="Because we can\'t afford to waste screen space, particularly on\nstuff we didn\'t ask for and don\'t want, like the black bar.\nAnd why does the reload button have a re-do icon?!">Compress/enhance bars above the map</span><br>';
  346. 	section.innerHTML += '<input type="checkbox" id="_cbCompressSegmentTab" /> ' +
  347. 			'<span title="Because I\'m sick of having to scroll the side panel because of oversized fonts and wasted space">Compress/enhance side panel contents</span><br>';
  348. 	section.innerHTML += '<input type="checkbox" id="_cbCompressLayersMenu" /> ' +
  349. 			'<span title="Because it\'s already too big for small screens and Waze only plan to make it bigger">Compress/enhance layers menu</span><br>';
  350. 	section.innerHTML += '<span id="layersColControls"><input type="checkbox" id="_cbLayersColumns" /> ' +
  351. 			'<span title="Widen the layers menu to 2 columns - particulary for netbook users\nWon\'t work without some compression turned on">Two-column layers menu</span><br></span>';
  352. 	section.innerHTML += '<input type="checkbox" id="_cbRestyleReports" /> ' +
  353. 			'<span title="Another UI element configured for developers with massive screens instead of normal users">Compress/enhance report panels (UR/MP)</span><br>';
  354. 	section.innerHTML += '<input type="checkbox" id="_cbEnhanceChat" /> ' +
  355. 			'<span title="A perfect example of the new WME UI. Looks very stylish,\nbut destroys usability and utterly ignores small-screen users.">Compress/enhance Chat panel</span><br>';
  356. 	section.innerHTML += '<input type="checkbox" id="_cbNarrowSidePanel" /> ' +
  357. 			'<span title="If you have a netbook, Waze isn\'t interested in your experience.\nYou need every bit of map space you can get - so have a present from me!">Reduce width of the side panel</span><span title="This will definitely interfere with scripts that rely on a fixed width for their tab contents." style="font-size: 16px; color: red;">&#9888</span><br>';
  358. 	section.innerHTML += '<br>';
  359. 	section.innerHTML += '<b title="Control the amount of compression/enhancment">UI Enhancement controls<br>';
  360. 	section.innerHTML += '<div style="display:inline-block"><select id="_inpUICompression" title="Compression enhancement" style="height:20px; padding:0px; border-radius=0px;"><option value="2">High</option><option value="1">Low</option><option value="0">None</option></select><span class="fa fa-compress"></span></div>&nbsp;&nbsp;&nbsp;&nbsp;';
  361. 	section.innerHTML += '<div style="display:inline-block"><select id="_inpUIContrast" title="Contrast enhancement" style="height:20px; padding:0px; border-radius=0px;"><option value="2">High</option><option value="1">Low</option><option value="0">None</option></select><span class="fa fa-adjust"></span></div>';
  362. 	section.innerHTML += '<br>';
  363. 	section.innerHTML += '<button id="_btnKillNode" style = "height: 18px; margin-top: 5px;" title="Hide the junction nodes layer to allow access to Map Comments hidden under nodes.\nThis stays in effect until the page is zoomed/panned/refreshed.">Hide junction nodes</button>&nbsp;&nbsp;';
  364. 	section.innerHTML += '<br><br>';
  365. 	section.innerHTML += '<b>UI Fixes/changes</b><br>';
  366. 	section.innerHTML += '<input type="checkbox" id="_cbMoveZoomBar" /> ' +
  367. 			'<span title="Because nobody likes a pointless UI change that breaks your workflow,\nimposed by idiots who rarely use the editor and don\'t listen to feedback.\nNO MATTER HOW HARD THEY TRY, I WILL BRING IT BACK!">Re-create zoom bar & move map controls</span><br>';
  368. 	section.innerHTML += '<input type="checkbox" id="_cbFixExternalProviders" /> ' +
  369. 			'<span title="The External Providers interface has a dexcription box that will only show one live of text.\nThis fixes that.">Expand External Provider details for places</span><br>';
  370. 	section.innerHTML += '<input type="checkbox" id="_cbMoveChatIcon" /> ' +
  371. 			'<span title="Here\'s a truly outstanding example of making a stupid change to the UI in order to\ndeal with another stupid change to the UI!\nBecause HQ couldn\'t make the new layers menu auto-hide, they moved the chat icon.\nTick this box to put it back where it belongs.">Move Chat icon back to right</span><br>';
  372. 	section.innerHTML += '<input type="checkbox" id="_cbHighlightInvisible" /> ' +
  373. 			'<span title="Typical WME design - the chat icon changes when you\'re invisible,\nbut the change is practically invisible!\nThis option provides a more obvious highlight.">Highlight invisible mode</span></span><br>';
  374. 	section.innerHTML += '<input type="checkbox" id="_cbLayersMenuMoreOptions" /> ' +
  375. 			'<span title="This function shows all options in the Layers menu at all times.\nNote that changing this only updates when the page loads.">Show all options in Layers menu</span><br>';
  376. 	section.innerHTML += '<input type="checkbox" id="_cbDarkenSaveLayer" /> ' +
  377. 			'<span title="It\'s not bad enough they\'ve removed all the contrast to give you eyestrain,\nbut then they blind you every time you save. ">Darken screen overlay when saving</span><br>';
  378. 	section.innerHTML += '<input type="checkbox" id="_cbSwapRoadsGPS" /> ' +
  379. 			'<span title="Guess what? Waze thinks the GPS layer should now be over the segments layer.\nWhy should you have any choice about that?">Move GPS layer below segments layer</span><br>';
  380. 	section.innerHTML += '<input type="checkbox" id="_cbShowMapBlockers" /> ' +
  381. 			'<span title="Some WME elements block access to the map layers. These problems have been reported as bugs.\nUntil they\'re fixed, this functions makes them visible.">Show map-blocking WME bugs</span></span><br>';
  382. 	section.innerHTML += '<input type="checkbox" id="_cbHideLinks" /> ' +
  383. 			'<span title="Hide the small Links bar at the bottom of the side panel,\nto give more usable space there.">Hide Links panel</span><br>';
  384. 	section.innerHTML += '<input type="checkbox" id="_cbDisableBridgeButton" /> ' +
  385. 			'<span title="The Bridge button is rarely useful, but often used incorrectly.\nIt\'s best to keep it disabled unless you need it.">Disable Bridge button</span><br>';
  386. 	section.innerHTML += '<input type="checkbox" id="_cbMondayFirst" /> ' +
  387. 			'<span title="Requests to have calendar items localised with Monday as the first day of the week\ngo back a while. Now you don\'t have to wait for Waze.">Start calendars on Monday</span><br>';
  388. 	section.innerHTML += '<input type="checkbox" id="_cbISODates" /> ' +
  389. 			'<span title="Dates in the Restrictions dialogues are all in American format - MM/DD/YY\nFine if you\' American, confusing as hell for the rest of us!\nThis changes the dates to ISO format, matching the Closures dialogue">ISO dates in Restrictions</span><br>';
  390. 	section.innerHTML += '<input type="checkbox" id="_cbDisableKinetic" /> ' +
  391. 			'<span title="Kinetic panning is a new WME feature: if you release the mouse whilst dragging the map,\nthe map will keep moving. It can be very useful for panning large distances.\nIt can also be very annoying. Now YOU have control.">Disable Kinetic Panning</span><br>';
  392. 	section.innerHTML += '<input type="checkbox" id="_cbDisableScrollZoom" /> ' +
  393. 			'<span title="Zooming with the scroll wheel can be problematic when using an Apple Magic Mouse, which\nscrolls on touch. This will disable scroll-to-zoom.">Disable scroll-to-zoom</span><br>';
  394. 	section.innerHTML += '<input type="checkbox" id="_cbDisableSaveBlocker" /> ' +
  395. 			'<span title="When you hit Save, WME places a blocking element over the map until the save is complete\nThis disables that element, allowing you to pan the map and use GSV whilst a slow save is in progress.">Disable map blocking during save</span><br>';
  396. 	section.innerHTML += '<input type="checkbox" id="_cbColourBlindTurns" /> ' +
  397. 			'<span title="Change green turn arrows blue in order to make them more visible\nfor users with the most common type of colour blindness.">Change green turn arrows to blue</span><br>';
  398. 	section.innerHTML += '<input type="checkbox" id="_cbHideMenuLabels" /> ' +
  399. 			'<span title="Hide the text labels on the toolbar menus to save space on small screens">Hide menu labels</span><br>';
  400. 	section.innerHTML += '<input type="checkbox" id="_cbUnfloatButtons" /> ' +
  401. 			'<span title="Move Layers/Refresh buttons back into the toolbar and Share button into the\nfooter.\nWaze put little enough effort into giving us enough map area to work with,\nand then they drop little button turds all over it!">Remove floating buttons from map area</span><br>';
  402. 	section.innerHTML += '<input type="checkbox" id="_cbMoveUserInfo" /> ' +
  403. 			'<span title="The new user info button is very useful, but it\'s not a map editing control,\nso it shouldn\'t be in the toolbar. The same goes for the notification button.\nThis function moves them both to a sensible location.">Move user info/notification buttons</span><br>';
  404. 	section.innerHTML += '<input type="checkbox" id="_cbHackGSVHandle" /> ' +
  405. 			'<span title="Whilst being able to adjust the GSV width is useful, the drag handle\ninvisibly covers 30 pixels of map and is very easy to drag accidentally.\nThis function transforms it to a button drag control that\'s much less\nlikely to be used by accident.">Minimise GSV drag handle</span><br>';
  406. 	section.innerHTML += '<input type="checkbox" id="_cbEnlargeGeoNodes" /> ' +
  407. 			'<span title="If you\'re getting old, like me, grabbing those little circles is a pain!\nThis control lets you enlarge the geo nodes (and junction nodes for segments),\nwhich define the shapes of segments and place boundaries.">Enlarge geo/junction nodes</span><div style="display:inline-block">&nbsp;&nbsp;<input type="number" id="_inpEnlargeGeoNodes" title="radius (default=6)" max=12 min=8 step=2 style="height:16px; padding:0 0 0 2px;; border:1px solid; width:37px;"/></div><span style = "color: red; font-weight: bold;">&nbsp;&nbsp;--- NEW</span><br>';
  408. 	section.innerHTML += '<input type="checkbox" id="_cbEnlargeGeoHandlesFU" /> ' +
  409. 			'<span title="If you\'re getting old, like me, grabbing those little circles is a pain!\nThis control lets you enlarge the geo handles, used to add geo nodes to segments and place boundaries.">Enlarge geo handles</span><div style="display:inline-block">&nbsp;&nbsp;<input type="number" id="_inpEnlargeGeoHandles" title="radius (default=4)" max=10 min=6 step=2 style="height:16px; padding:0 0 0 2px;; border:1px solid; width:37px;"/></div><span style = "color: red; font-weight: bold;">&nbsp;&nbsp;--- NEW</span><br>';
  410. 	section.innerHTML += '<br>';
  411. 	section.innerHTML += '<b><a href="https://www.waze.com/forum/viewtopic.php?f=819&t=191178" title="Forum topic" target="_blank"><u>' +
  412. 			'WME Fix UI</u></a></b> &nbsp; v' + wmefu_version;
  413. 	// Text for end of line for new features
  414. 	// <span style = "color: red; font-weight: bold;">--- NEW</span>
  415. 	// Same text for forum topic
  416. 	// [b][color=#BF0000]--- NEW[/color][/b]
  417. 	addon.appendChild(section);
  418. 	addon.className = "tab-pane";
  419. 	return addon;
  420. }
  421.  
  422. function addMyTab(model,modeID) {
  423. 	// if (getById('_cbUnfloatButtons').checked) float();
  424. 	if (modeID === 0) {
  425. 		logit("entering default mode, so creating tab");
  426. 		tabAttempts = 0;
  427. 		tabsLooper();
  428. 		createDSASection();
  429. 	} else {
  430. 		logit("entering event mode, so not initialising");
  431. 		return;
  432. 	}
  433. }
  434.  
  435. function tabsLooper() {
  436. 	tabAttempts += 1;
  437. 	if (tabAttempts > 20) {
  438. 		// tried 20 times to create tab without luck
  439. 		logit("unable to create my tab after 20 attempts","error");
  440. 		return;
  441. 	}
  442. 	var userTabs = getById('user-info');
  443. 	var navTabs = getByClass('nav-tabs', userTabs)[0];
  444. 	if (typeof navTabs === "undefined") {
  445. 		//the basic tabs aren't there yet, so I can't add mine
  446. 		logit("waiting for NavTabs","warning");
  447. 		setTimeout(tabsLooper, 200);
  448. 	} else{
  449. 		var tabContent = getByClass('tab-content', userTabs)[0];
  450. 		var newtab = document.createElement('li');
  451. 		newtab.innerHTML = '<a href="#sidepanel-FixUI" data-toggle="tab" title="Fix UI">FU</a>';
  452. 		navTabs.appendChild(newtab);
  453. 		tabContent.appendChild(wmeFUAddon);
  454. 	}
  455. }
  456.  
  457. function loadSettings() {
  458. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  459. 	logit("function " + fname + " called", "debug");
  460. 	// Remove old V1 settings if they're still hanging around
  461. 	if (localStorage.WMEFixUI) {
  462. 		localStorage.removeItem("WMEFixUI");
  463. 	}
  464. 	var options;
  465. 	if (localStorage.WMEFUSettings) {
  466. 		options = JSON.parse(localStorage.WMEFUSettings);
  467. 	} else {
  468. 		options = {};
  469. 	}
  470. 	oldVersion = (options.oldVersion !== undefined ? options.oldVersion : "0.0");
  471. 	getById('_cbMoveZoomBar').checked = (options.moveZoomBar !== undefined ? options.moveZoomBar : true);
  472. 	getById('_cbShrinkTopBars').checked = (options.shrinkTopBars !== undefined ? options.shrinkTopBars : true);
  473. 	getById('_cbCompressSegmentTab').checked = ( options.restyleSidePanel !== undefined ? options.restyleSidePanel : true);
  474. 	getById('_cbRestyleReports').checked = ( options.restyleReports !== undefined ? options.restyleReports : true);
  475. 	getById('_cbEnhanceChat').checked = ( options.enhanceChat !== undefined ? options.enhanceChat : true);
  476. 	getById('_cbNarrowSidePanel').checked = ( options.narrowSidePanel !== undefined ? options.narrowSidePanel : false);
  477. 	getById('_inpASX').value = ( options.aerialShiftX !== undefined ? options.aerialShiftX : 0);
  478. 	getById('_inpASY').value = ( options.aerialShiftY !== undefined ? options.aerialShiftY : 0);
  479. 	getById('_inpASO').value = ( options.aerialOpacity !== undefined ? options.aerialOpacity : 100);
  480. 	getById('_cbFixExternalProviders').checked = ( options.fixExternalProviders !== undefined ? options.fixExternalProviders : true);
  481. 	getById('_inpGSVContrast').value = ( options.GSVContrast !== undefined ? options.GSVContrast : 100);
  482. 	getById('_inpGSVBrightness').value = ( options.GSVBrightness !== undefined ? options.GSVBrightness : 100);
  483. 	getById('_cbGSVInvert').checked = ( options.GSVInvert !== undefined ? options.GSVInvert : false);
  484. 	getById('_inpGSVWidth').value = ( options.GSVWidth !== undefined ? options.GSVWidth : 50);
  485. 	getById('_cbCompressLayersMenu').checked = ( options.restyleLayersMenu !== undefined ? options.restyleLayersMenu : true);
  486. 	getById('_cbLayersColumns').checked = ( options.layers2Cols !== undefined ? options.layers2Cols : false);
  487. 	getById('_cbMoveChatIcon').checked = ( options.moveChatIcon !== undefined ? options.moveChatIcon : true);
  488. 	getById('_cbHighlightInvisible').checked = ( options.highlightInvisible !== undefined ? options.highlightInvisible : true);
  489. 	getById('_cbDarkenSaveLayer').checked = ( options.darkenSaveLayer !== undefined ? options.darkenSaveLayer : true);
  490. 	getById('_cbLayersMenuMoreOptions').checked = ( options.layersMenuMore !== undefined ? options.layersMenuMore : true);
  491. 	getById('_inpUIContrast').value = ( options.UIContrast !== undefined ? options.UIContrast : 1);
  492. 	getById('_inpUICompression').value = ( options.UICompression !== undefined ? options.UICompression : 1);
  493. 	getById('_cbSwapRoadsGPS').checked = ( options.swapRoadsGPS !== undefined ? options.swapRoadsGPS : true);
  494. 	getById('_cbShowMapBlockers').checked = ( options.showMapBlockers !== undefined ? options.showMapBlockers : true);
  495. 	getById('_cbHideLinks').checked = ( options.hideLinks !== undefined ? options.hideLinks : false);
  496. 	getById('_cbDisableBridgeButton').checked = ( options.disableBridgeButton !== undefined ? options.disableBridgeButton : true);
  497. 	getById('_cbISODates').checked = ( options.ISODates !== undefined ? options.ISODates : true);
  498. 	getById('_cbMondayFirst').checked = ( options.mondayFirst !== undefined ? options.mondayFirst : false);
  499. 	getById('_cbDisableKinetic').checked = ( options.disableKinetic !== undefined ? options.disableKinetic : false);
  500. 	getById('_cbDisableScrollZoom').checked = ( options.disableScrollZoom !== undefined ? options.disableScrollZoom : false);
  501. 	getById('_cbDisableSaveBlocker').checked = ( options.disableSaveBlocker !== undefined ? options.disableSaveBlocker : false);
  502. 	getById('_cbColourBlindTurns').checked = ( options.colourBlindTurns !== undefined ? options.colourBlindTurns : false);
  503. 	getById('_cbHideMenuLabels').checked = ( options.hideMenuLabels !== undefined ? options.hideMenuLabels : false);
  504. 	getById('_cbUnfloatButtons').checked = ( options.unfloatButtons !== undefined ? options.unfloatButtons : false);
  505. 	getById('_cbMoveUserInfo').checked = ( options.moveUserInfo !== undefined ? options.moveUserInfo : false);
  506. 	getById('_cbHackGSVHandle').checked = ( options.hackGSVHandle !== undefined ? options.hackGSVHandle : false);
  507. 	getById('_cbEnlargeGeoNodes').checked = ( options.enlargeGeoNodes !== undefined ? options.enlargeGeoNodes : false);
  508. 	getById('_inpEnlargeGeoNodes').value = ( options.geoNodeSize !== undefined ? options.geoNodeSize : 8);
  509. 	getById('_cbEnlargeGeoHandlesFU').checked = ( options.enlargeGeoHandles !== undefined ? options.enlargeGeoHandles : false);
  510. 	getById('_inpEnlargeGeoHandles').value = ( options.geoHandleSize !== undefined ? options.geoHandleSize : 6);
  511. }
  512.  
  513. function saveSettings() {
  514. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  515. 	logit("function " + fname + " called", "debug");
  516. 	if (localStorage) {
  517. 		logit("saving options to local storage");
  518. 		var options = {};
  519. 		options.oldVersion = wmefu_version;
  520. 		options.moveZoomBar = getById('_cbMoveZoomBar').checked;
  521. 		options.shrinkTopBars = getById('_cbShrinkTopBars').checked;
  522. 		options.restyleSidePanel = getById('_cbCompressSegmentTab').checked;
  523. 		options.restyleReports = getById('_cbRestyleReports').checked;
  524. 		options.enhanceChat = getById('_cbEnhanceChat').checked;
  525. 		options.narrowSidePanel = getById('_cbNarrowSidePanel').checked;
  526. 		options.aerialShiftX = getById('_inpASX').value;
  527. 		options.aerialShiftY = getById('_inpASY').value;
  528. 		options.aerialOpacity = getById('_inpASO').value;
  529. 		options.fixExternalProviders = getById('_cbFixExternalProviders').checked;
  530. 		options.GSVContrast = getById('_inpGSVContrast').value;
  531. 		options.GSVBrightness = getById('_inpGSVBrightness').value;
  532. 		options.GSVInvert = getById('_cbGSVInvert').checked;
  533. 		options.GSVWidth = getById('_inpGSVWidth').value;
  534. 		options.restyleLayersMenu = getById('_cbCompressLayersMenu').checked;
  535. 		options.layers2Cols = getById('_cbLayersColumns').checked;
  536. 		options.moveChatIcon = getById('_cbMoveChatIcon').checked;
  537. 		options.highlightInvisible = getById('_cbHighlightInvisible').checked;
  538. 		options.darkenSaveLayer = getById('_cbDarkenSaveLayer').checked;
  539. 		options.layersMenuMore = getById('_cbLayersMenuMoreOptions').checked;
  540. 		options.UIContrast = getById('_inpUIContrast').value;
  541. 		options.UICompression = getById('_inpUICompression').value;
  542. 		options.swapRoadsGPS = getById('_cbSwapRoadsGPS').checked;
  543. 		options.showMapBlockers = getById('_cbShowMapBlockers').checked;
  544. 		options.hideLinks = getById('_cbHideLinks').checked;
  545. 		options.disableBridgeButton = getById('_cbDisableBridgeButton').checked;
  546. 		options.ISODates = getById('_cbISODates').checked;
  547. 		options.mondayFirst = getById('_cbMondayFirst').checked;
  548. 		options.disableKinetic = getById('_cbDisableKinetic').checked;
  549. 		options.disableScrollZoom = getById('_cbDisableScrollZoom').checked;options.disableSaveBlocker = getById('_cbDisableSaveBlocker').checked;
  550. 		options.colourBlindTurns = getById('_cbColourBlindTurns').checked;
  551. 		options.hideMenuLabels = getById('_cbHideMenuLabels').checked;
  552. 		options.unfloatButtons = getById('_cbUnfloatButtons').checked;
  553. 		options.moveUserInfo = getById('_cbMoveUserInfo').checked;
  554. 		options.hackGSVHandle = getById('_cbHackGSVHandle').checked;
  555. 		options.enlargeGeoNodes = getById('_cbEnlargeGeoNodes').checked;
  556. 		options.geoNodeSize = getById('_inpEnlargeGeoNodes').value;
  557. 		options.enlargeGeoHandles = getById('_cbEnlargeGeoHandlesFU').checked;
  558. 		// alert(options.enlargeGeoHandles);
  559. 		options.geoHandleSize = getById('_inpEnlargeGeoHandles').value;
  560. 		localStorage.WMEFUSettings = JSON.stringify(options);
  561. 	}
  562. }
  563.  
  564. function applyAllSettings() {
  565. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  566. 	logit("function " + fname + " called", "debug");
  567. 	console.group(prefix + ": applying all settings");
  568. 		kineticDragParams = W.map.controls.find(control => control.dragPan).dragPan.kinetic;
  569. 		shrinkTopBars();
  570. 		compressSegmentTab();
  571. 		restyleReports();
  572. 		enhanceChat();
  573. 		narrowSidePanel();
  574. 		fixExternalProviders();
  575. 		warnCommentsOff();
  576. 		adjustGSV();
  577. 		GSVWidth();
  578. 		compressLayersMenu();
  579. 		moveChatIcon();
  580. 		highlightInvisible();
  581. 		darkenSaveLayer();
  582. 		swapRoadsGPS();
  583. 		showMapBlockers();
  584. 		hideLinks();
  585. 		disableBridgeButton();
  586. 		disableKinetic();
  587. 		disableScrollZoom();
  588. 		disableSaveBlocker();
  589. 		colourBlindTurns();
  590. 		hideMenuLabels();
  591. 		createZoomBar();
  592. 		unfloatButtons();
  593. 		moveUserInfo();
  594. 		hackGSVHandle();
  595. 		enlargeGeoNodes();
  596. 		enlargeGeoHandles();
  597. 	console.groupEnd();
  598. 	RestrictionObserver.observe(getById('dialog-container'), { childList: true, subtree: true });
  599. 	ClosureObserver.observe(getById('edit-panel'), { childList: true, subtree: true });
  600. 	if (getById('_cbLayersMenuMoreOptions').checked === true) {
  601. 		$("#layer-switcher-region > div > div > div.more-options-toggle > label > div").click();
  602. 		Array.from(getByClass('upside-down',getById('layer-switcher-region'))).forEach(function(item){item.click();});
  603. 	}
  604. 	wmeFUinitialising = false;
  605. 	saveSettings();
  606. }
  607.  
  608. function applyEnhancements() {
  609. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  610. 	logit("function " + fname + " called", "debug");
  611. 	shrinkTopBars();
  612. 	compressSegmentTab();
  613. 	restyleReports();
  614. 	enhanceChat();
  615. 	compressLayersMenu();
  616. 	hideLinks();
  617. 	moveUserInfo();
  618. }
  619.  
  620. function createZoomBar() {
  621. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  622. 	logit("function " + fname + " called", "debug");
  623. 	if (getById('_cbMoveZoomBar').checked) {
  624. 		yslider = new OpenLayers.Control.PanZoomBar({zoomStopHeight:9 , panIcons:false});
  625. 		yslider.position.x = 10;
  626. 		yslider.position.y = 35;
  627. 		yslider.id = 'WMEFUzoom';
  628. 		W.map.addControl(yslider);
  629. 		getById('WMEFUzoom').appendChild(getByClass('bottom overlay-buttons-container')[0]);
  630. 		var styles = "";
  631. 		//Overall bar
  632. 		styles += '.olControlPanZoomBar { left: 10px; top: 35px; height: 158px; border: 1px solid #f0f2f2; background-color: #f0f2f2; border-radius: 30px; width: 24px; box-sizing: initial; }';
  633. 		styles += '#WMEFUzoom { z-index: 1200 !important; }';
  634. 		//zoom in/out buttons
  635. 		styles += '.olButton { background-color: white; border-radius: 30px; width: 24px; height: 24px; cursor: pointer; }';
  636. 		styles += '.olControlZoomButton { padding: 3px 5px; font-size: 18px; }';
  637. 		//slider stops
  638. 		styles += '.yslider-stops { width: 24px; height: 110px; background-color: #f3f3f3; background-image: linear-gradient(90deg, transparent 45%, #dedede 45%, #dedede 55%, transparent 55%), linear-gradient(#dedede 1px, transparent 1px); background-size: 50% 8px; background-repeat: repeat-y; background-position: 6px; }';
  639. 		//slider
  640. 		styles += '.slider { position: absolute; font-size: 15px; font-weight: 900; line-height: 1; text-align: center; width: 24px; height: 18px; margin-top: -29px; padding-top: 1px; border: 1px solid lightgrey; border-radius: 10px; background-color: white; cursor: ns-resize; }';
  641. 		// kill new zoom buttons
  642. 		styles += '.zoom-bar-region { display: none; }';
  643. 		// shift UR/MP panel to the right
  644. 		styles += '.panel.show { margin-left: 55px; }';
  645. 		// if gsv control is moved
  646. 		styles += '.bottom.overlay-buttons-container { position: absolute; top: 170px; }';
  647. 		styles += '.street-view-region { margin-bottom: 8px; }';
  648. 		addStyle(prefix + fname,styles);
  649. 		W.map.events.register("zoomend", null, ZLI);
  650. 		getById('WMEFUzoom').appendChild(getByClass('bottom overlay-buttons-container')[0]);
  651. 		ZLI();
  652. 		getById('WMEFUzoom').appendChild(getByClass('bottom overlay-buttons-container')[0]);
  653. 	} else {
  654. 		if (yslider) {
  655. 			getById('overlay-buttons').appendChild(getByClass('bottom overlay-buttons-container')[0]);
  656. 			yslider.destroy();
  657. 		}
  658. 		W.map.events.unregister("zoomend", null, ZLI);
  659. 		removeStyle(prefix + fname);
  660. 		removeStyle('WMEMTU');
  661. 	}	
  662. }
  663.  
  664. function ZLI() {
  665. 	if (yslider) {
  666. 		//Need to reset the OpenLayers-created settings from the zoom bar when it's redrawn
  667. 		//Overall bar
  668. 		yslider.div.style.left = "";
  669. 		yslider.div.style.top = "";
  670. 		//zoom in/out buttons
  671. 		yslider.buttons[0].style = "";
  672. 		yslider.buttons[0].innerHTML = "<div class='olControlZoomButton fa fa-plus' ></div>";
  673. 		yslider.buttons[1].style = "";
  674. 		yslider.buttons[1].innerHTML = "<div class='olControlZoomButton fa fa-minus' ></div>";
  675. 		//slider stops
  676. 		yslider.zoombarDiv.classList.add("yslider-stops");
  677. 		yslider.zoombarDiv.classList.remove("olButton");
  678. 		yslider.zoombarDiv.style="";
  679. 		//slider
  680. 		yslider.slider.innerHTML = "";
  681. 		yslider.slider.style = "";
  682. 		yslider.slider.classList.add("slider");
  683. 		yslider.moveZoomBar();
  684. 		//Actually set the ZLI
  685. 		yslider.slider.innerText = W.map.getZoom();
  686. 		yslider.slider.title = "Zoom level indicator by WMEFU";
  687. 		switch (W.map.getZoom()) {
  688. 			case 0:
  689. 			case 1:
  690. 				yslider.slider.style.background = '#ef9a9a';
  691. 				yslider.slider.title += "\nCannot permalink any segments at this zoom level";
  692. 				break;
  693. 			case 2:
  694. 			case 3:
  695. 				yslider.slider.style.background = '#ffe082';
  696. 				yslider.slider.title += "\nCan only permalink primary or higher at this zoom level";
  697. 				break;
  698. 			default:
  699. 				yslider.slider.style.background = '#ffffff';
  700. 				yslider.slider.title += "\nCan permalink any segments at this zoom level";
  701. 				break;
  702. 		}
  703. 	}
  704. }
  705.  
  706. function moveUserInfo() {
  707. 	// Now functioning correctly for prod & beta
  708. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  709. 	logit("function " + fname + " called", "debug");
  710. 	var styles = "";
  711. 	if (getById('_cbMoveUserInfo').checked) {
  712. 		// styles += '#user-box-region { margin-left: 5px; }';
  713. 		styles += '.notifications-button { display: flex; }';
  714. 		styles += '#app-head aside #left-app-head .waze-logo { width: 50px; }';
  715. 		styles += '#user-toolbar .notifications-button { padding: 0 4px; }';
  716. 		styles += '#user-toolbar .notifications-button .counter { left: ' + ['84px','76px','68px'][getById('_inpUICompression').value] + '; }';
  717. 		addStyle(prefix + fname,styles);
  718. 		// insertNodeAfterNode(getById('notifications-button-region'),getByClass('waze-logo')[0]);
  719. 		// insertNodeAfterNode(getById('user-box-region'),getByClass('waze-logo')[0]);
  720. 		insertNodeAfterNode(getById('user-toolbar'),getByClass('waze-logo')[0]);
  721. 		//Fix to move control button of Invalidated Camera Mass Eraser
  722. 		if (getById("_UCME_btn")) {
  723. 			getById("advanced-tools").appendChild(getById("_UCME_btn"));
  724. 			document.getElementById('UCME_btn').parentNode.removeChild(document.getElementById('UCME_btn'));
  725. 		}
  726. 	} else {
  727. 		removeStyle(prefix + fname);
  728. 		// insertNodeAfterNode(getById('user-box-region'),getById('edit-buttons'));
  729. 		// insertNodeAfterNode(getById('notifications-button-region'),getById('user-box-region'));
  730. 		insertNodeAfterNode(getById('user-toolbar'),getById('edit-buttons'));
  731. 	}
  732. }
  733.  
  734. function shrinkTopBars() {
  735. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  736. 	logit("function " + fname + " called", "debug");
  737. 	var styles = "";
  738. 	var levelIcon;
  739. 	if (getById('_cbShrinkTopBars').checked) {
  740. 		//always do this stuff
  741. 		//event mode button
  742. 		styles += '#mode-switcher-region .title-button .icon { font-size: 13px; font-weight: bold; color: black; }';
  743. 		//black bar
  744. 		styles += '#topbar-container { pointer-events: none; }';
  745. 		styles += '#map #topbar-container .topbar > div { pointer-events: initial; }';
  746. 		//change toolbar buttons - from JustinS83
  747. 		$('#mode-switcher-region .title-button .icon').removeClass('w-icon-caret-down');
  748. 		$('#mode-switcher-region .title-button .icon').addClass('fa fa-calendar');
  749. 		// HN editing tweaks
  750. 		styles += '#map-lightbox .content { pointer-events: none; }';
  751. 		styles += '#map-lightbox .content > div { pointer-events: initial; }';
  752. 		styles += '#map-lightbox .content .header { pointer-events: none !important; }';
  753. 		styles += '.toolbar .toolbar-button.add-house-number { background-color: #61cbff; float: right; font-weight: bold; }';
  754. 		styles += '.waze-icon-exit { background-color: #61cbff; font-weight: bold; }';
  755. 		// event mode button
  756. 		styles += '.toolbar.toolbar-mte .add-button { background-color: orange; font-weight: bold; }';
  757. 		var contrast = getById('_inpUIContrast').value;
  758. 		var compress = getById('_inpUICompression').value;
  759. 		// fix for narrow windows and new toolbar
  760. 		var nbuttons = 3 + (getById('_cbUnfloatButtons').checked ? 2 : 0);
  761. 		var minW = nbuttons * ([58,49,33][compress]) + [80,65,55][compress];
  762. 		styles += '#edit-buttons { min-width: ' + minW + 'px; }';
  763. 		if (compress > 0) {
  764. 			//overall menu bar
  765. 			styles += '#app-head aside #left-app-head { height: ' + ['','35px','24px'][compress] + '; padding-left: ' + ['','9px','2px'][compress] + '; }';
  766. 			styles += '#app-head { height: ' + ['','35px','24px'][compress] + '; }';
  767. 			styles += '#app-head aside .short-title { font-size: ' + ['','13px','12px'][compress] + '; margin-right: 4px; }';
  768. 			styles += '#app-head aside #debug { padding-right: ' + ['','10px','6px'][compress] + '; line-height: ' + ['','15px','12px'][compress] + '; white-space: nowrap; }';
  769. 			styles += '.mode-switcher-view .title-button .icon { line-height: ' + ['','35px','24px'][compress] + '; }';
  770. 			styles += '.mode-switcher-view .dropdown-menu { top: ' + ['','35px','24px'][compress] + '; }';
  771. 			styles += '.toolbar { font-size: ' + ['','13px','12px'][compress] + '; }';
  772. 			styles += '.toolbar { height: ' + ['','35px','24px'][compress] + '; }';
  773. 			//search box
  774. 			styles += '#search { padding-top: ' + ['','3px','1px'][compress] + '; }';
  775. 			styles += '.form-search { height: ' + ['','27px','22px'][compress] + '; }';
  776. 			styles += '.form-search .search-query { height: ' + ['','27px','22px'][compress] + '; font-size: ' + ['','13px','12px'][compress] + '; }';
  777. 			styles += '.form-search .input-wrapper .search-icon { top: ' + ['','4px','3px'][compress] + '; font-size: ' + ['','18px','16px'][compress] + '; left: ' + ['','9px','6px'][compress] + '; }';
  778. 			styles += '.form-search .search-query { padding-left: ' + ['','34px','24px'][compress] + ';; }';
  779. 			//edit-buttons section
  780. 			styles += '#edit-buttons { margin-right: ' + ['','9px','2px'][compress] + '; }';
  781. 			//toolbar dropdowns
  782. 			styles += '.toolbar .toolbar-group { margin-right: ' + ['','14px','8px'][compress] + '; padding-top: 0px; }';
  783. 			styles += '.toolbar .toolbar-icon { width: ' + ['','31px','22px'][compress] + '; height: ' + ['','34px','22px'][compress] + '; line-height: ' + ['','34px','22px'][compress] + '; margin-top: 0px; }';
  784. 			styles += '.toolbar .group-title { height: ' + ['','34px','24px'][compress] + '; line-height: ' + ['','34px','24px'][compress] + '; margin-left: ' + ['','31px','22px'][compress] + '; margin-top: ' + ['','1px','0px'][compress] + '; }';
  785. 			styles += '.toolbar .dropdown-menu { top: ' + ['','34px','24px'][compress] + ' !important; left: ' + ['','7px','4px'][compress] + ' !important; }';
  786. 			//toolbar buttons
  787. 			styles += '.toolbar .toolbar-button { margin-top: ' + ['','3px','1px'][compress] + '; margin-left: 3px; padding-left: ' + ['','10px','5px'][compress] + '; padding-right: ' + ['','10px','5px'][compress] + '; height: ' + ['','27px','22px'][compress] + '; line-height: ' + ['','27px','22px'][compress] + '; }';
  788. 			styles += '.toolbar .toolbar-button { padding-left: ' + ['','2px','2px'][compress] + '; padding-right: ' + ['','2px','2px'][compress] + '; }';
  789. 			styles += '.toolbar .toolbar-button .item-container { padding-left: ' + ['','9px','2px'][compress] + '; padding-right: ' + ['','9px','2px'][compress] + '; }';
  790. 			styles += '.toolbar .item-icon { font-size: ' + ['','22px','20px'][compress] + ' !important; }';
  791. 			//keep save button wide enough for counter
  792. 			styles += '.toolbar .toolbar-button.waze-icon-save { padding-right: 15px !important; width: ' + ['','62px','52px'][compress] + '; margin-left: 3px; }';
  793. 			styles += '.toolbar .toolbar-button.waze-icon-save .counter { top: ' + ['','-3px','-1px'][compress] + '; }';
  794. 			styles += '.toolbar .toolbar-button > .item-icon { top: ' + ['','5px','2px'][compress] + '; }';
  795. 			styles += '.toolbar .toolbar-separator { height: ' + ['','34px','22px'][compress] + '; }';
  796. 			//extra hack for my Permalink Counter button
  797. 			styles += '.WMEFUPCicon { margin-top: ' + ['','4px !important','2px !important'][compress] + '; }';
  798. 			//floating buttons
  799. 			styles += '.overlay-button { height: ' + ['','33px','26px'][compress] + '; width: ' + ['','33px','26px'][compress] + '; font-size: ' + ['','22px','20px'][compress] + '; padding: ' + ['','3px','1px'][compress] + '; }';
  800. 			styles += '#Info_div { height: ' + ['','33px','26px'][compress] + ' !important; width: ' + ['','33px','26px'][compress] + ' !important; }';
  801. 			styles += '.zoom-bar-container {width: ' + ['','33px','26px'][compress] + ' !important; }';
  802. 			styles += '.zoom-bar-container .overlay-button {height: ' + ['','33px','26px'][compress] + ' !important; }';
  803. 			styles += '#overlay-buttons .overlay-buttons-container > div:last-child { margin-bottom: 0; }';
  804. 			//layers menu
  805. 			// styles += '.layer-switcher .toolbar-button { margin-top: ' + ['','1px','0px'][compress] + ' !important; font-size: ' + ['','22px','20px'][compress] + ' !important; height: ' + ['','32px','24px'][compress] + '; }';
  806. 			//user button
  807. 			styles += '#user-box-region { margin-right: ' + ['','8px','2px'][compress] + '; }';
  808. 			styles += '.user-box-avatar { height: ' + ['','32px','23px'][compress] + ' !important; font-size: ' + ['','22px','20px'][compress] + '; }';
  809. 			styles += '.app .level-icon { width: ' + ['','32px','23px'][compress] + ' !important;  height: ' + ['','32px','23px'][compress] + ' !important;}';
  810. 			levelIcon = getByClass('user-box-avatar')[0].firstElementChild;
  811. 			levelIcon.classList.remove('level-icon','level-icon-' + (W.loginManager.user.rank+1));
  812. 			styles += '#user-box-region .user-box-avatar .user-box-avatar-container img { display: none; }';
  813. 			levelIcon.classList.add('item-icon','w-icon','w-icon-user');
  814. 			//new save menu
  815. 			styles += '.changes-log-region { top: ' + ['','26px','21px'][compress] + '; }';
  816. 			// fix for WME Edit Count Monitor
  817. 			// no longer needed - it's calculating it's own position!
  818. 			//styles += '#edit-buttons > div > div:nth-child(10) { margin-top: ' + ['','3px','1px'][compress] + ' !important; }';
  819. 			//black bar
  820. 			styles += '.topbar { height: ' + ['','24px','18px'][compress] + '; line-height: ' + ['','24px','18px'][compress] + '; }';
  821. 			//fix for WME Presets button
  822. 			styles += '#WMEPresetsDiv > i { height: 100%;}';
  823. 		} else {
  824. 			levelIcon = getByClass('user-box-avatar')[0].firstElementChild;
  825. 			levelIcon.classList.add('level-icon','level-icon-' + (W.loginManager.user.rank+1));
  826. 			levelIcon.classList.remove('item-icon','w-icon','w-icon-user');
  827. 		}
  828. 		if (contrast > 0) {
  829. 			//toolbar dropdown menus
  830. 			styles += '.toolbar .group-title { color: black; }';
  831. 			styles += '.toolbar .toolbar-button { border-radius: 8px; border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; color: black; }';
  832. 			//layers icon - until Waze fix it
  833. 			styles += '.layer-switcher .waze-icon-layers.toolbar-button{ background-color: white; }';
  834. 		}
  835. //		//fix for buttons of WME GIS script
  836. //		styles += '.btn-group-sm { text-shadow: initial; background: white; }';
  837. 		addStyle(prefix + fname,styles);
  838. 	} else {
  839. 		removeStyle(prefix + fname);
  840. 		levelIcon = getByClass('user-box-avatar')[0].firstElementChild;
  841. 		//change toolbar buttons - from JustinS83
  842. 		$('#mode-switcher-region .title-button .icon').removeClass('fa fa-calendar');
  843. 		$('#mode-switcher-region .title-button .icon').addClass('fa fa-angle-down');
  844. 		levelIcon = getByClass('user-box-avatar')[0].firstElementChild;
  845. 		levelIcon.classList.add('level-icon','level-icon-' + (W.loginManager.user.rank+1));
  846. 		levelIcon.classList.remove('item-icon','w-icon','w-icon-user');
  847. }
  848. 	window.dispatchEvent(new Event('resize'));
  849. }
  850.  
  851. function FALSEcompressSegmentTab() {
  852. 	getById('_cbCompressSegmentTab').checked = getById('_cbextraCBSection').checked;
  853. 	compressSegmentTab();
  854. }
  855.  
  856. function compressSegmentTab() {
  857. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  858. 	logit("function " + fname + " called", "debug");
  859. 	var styles = "";
  860. 	if (getById('_cbCompressSegmentTab').checked) {
  861. 		var contrast = getById('_inpUIContrast').value;
  862. 		var compress = getById('_inpUICompression').value;
  863. 		//Neuter the top gradient
  864. 		styles += '#sidebar .tab-scroll-gradient { pointer-events: none; }';
  865. 		//Nuke the bottom gradient
  866. 		styles += '#sidebar #links:before { display: none; }';
  867. 		// Make map comment text always visible
  868. 		styles += '.map-comment-name-editor .edit-button { display: block !important; }';
  869. 		//remove Waze font from side panel
  870. 		styles += '#sidebar { font-family: sans-serif; }';
  871. 		if (compress > 0) {
  872. 			//general compression enhancements
  873. 			styles += '#sidebar { line-height: ' + ['','18px','16px'][compress] + ';}';
  874. 			styles += '#sidebar .tab-content .tab-pane { padding: ' + ['','8px','1px'][compress] + '; }';
  875. 			styles += '#sidebar #sidebarContent { font-size: ' + ['','13px','12px'][compress] + '; }';
  876. 			styles += '#sidebar #advanced-tools { padding: ' + ['','0 9px','0 4px'][compress] + '; }';
  877. 			styles += '#sidebar .waze-staff-tools { margin-bottom: ' + ['','9px','4px'][compress] + '; height: ' + ['','25px','20px'][compress] + '; }';
  878. 			styles += '#sidebar .tab-content { padding: ' + ['','9px','4px'][compress] + '; padding-top: ' + ['','4px','0px'][compress] + '; }';
  879. 			//Tabs
  880. 			styles += '#sidebar .nav-tabs { padding-bottom: ' + ['','3px','2px'][compress] + '; }';
  881. 			styles += '#sidebar #user-info #user-tabs { padding: ' + ['','0 9px','0 4px'][compress] + '; }';
  882. 			styles += '#sidebar .tabs-container { padding: ' + ['','0 9px','0 4px'][compress] + '; }';
  883. 			styles += '#sidebar .nav-tabs li a { margin-top: ' + ['','2px','1px'][compress] + '; margin-left: ' + ['','3px','1px'][compress] + '; padding: ' + ['','0 6px','0 2px'][compress] + '; line-height: ' + ['','24px','21px'][compress] + '; height: ' + ['','24px','21px'][compress] + '; }';
  884. 			styles += '#sidebar .nav-tabs li { flex-grow: 0; }';
  885. 			//Feed
  886. 			styles += '.feed-item { margin-bottom: ' + ['','3px','1px'][compress] + '; }';
  887. 			styles += '.feed-item .inner { padding: ' + ['','5px','0px'][compress] + '; }';
  888. 			styles += '.feed-item .content .title { margin-bottom: ' + ['','1px','0px'][compress] + '; }';
  889. 			styles += '.feed-item .motivation { margin-bottom: ' + ['','2px','0px'][compress] + '; }';
  890. 			//Drives & Areas
  891. 			styles += '#sidebar .message { margin-bottom: ' + ['','6px','2px'][compress] + '; }';
  892. 			styles += '#sidebar .result-list .result { padding: ' + ['','6px 17px','2px 9px'][compress] + '; margin-bottom: ' + ['','3px','1px'][compress] + '; }';
  893. 			styles += '#sidebar .result-list .session { background-color: lightgrey; }';
  894. 			styles += '#sidebar .result-list .session-available { background-color: white; }';
  895. 			styles += '#sidebar .result-list .result.selected { background-color: lightgreen; }';
  896. 			styles += 'div#sidepanel-drives { height: auto !important; }';
  897. 			//SEGMENT EDIT PANEL
  898. 			//general changes
  899. 			//checkbox groups
  900. 			styles += '#sidebar .controls-container { padding-top: ' + ['','4px','1px'][compress] + '; display: inline-block; font-size: ' + ['','12px','11px'][compress] + '; }';
  901. 			styles += '.controls-container input[type="checkbox"] + label { padding-left: ' + ['','21px','17px'][compress] + ' !important; } }';
  902. 			//form groups
  903. 			styles += '#sidebar .form-group { margin-bottom: ' + ['','5px','0px'][compress] + '; }';
  904. 			//dropdown inputs
  905. 			styles += '#sidebar .form-control { height: ' + ['','27px','19px'][compress] + '; padding-top: ' + ['','4px','0px'][compress] + '; padding-bottom: ' + ['','4px','0px'][compress] + '; font-size: ' + ['','13px','12px'][compress] + '; color: black; }';
  906. 			//buttons
  907. 			styles += '#edit-panel .waze-btn { padding-top: 0px !important; padding-bottom: ' + ['','3px','1px'][compress] + '; height: ' + ['','20px','18px'][compress] + ' !important; line-height: ' + ['','20px','18px'][compress] + ' !important; font-size: ' + ['','13px','12px'][compress] + '; }';
  908. //			styles += '#edit-panel .waze-btn { padding-top: ' + ['','3px','0px'][compress] + ' !important; padding-bottom: ' + ['','3px','1px'][compress] + '; height: ' + ['','20px','18px'][compress] + ' !important; line-height: ' + ['','20px','18px'][compress] + ' !important; font-size: ' + ['','13px','12px'][compress] + '; }';
  909. 			//radio button controls
  910. 			styles += '.waze-radio-container label { height: ' + ['','19px','16px'][compress] + '; width: ' + ['','19px','16px'][compress] + '; line-height: ' + ['','19px','16px'][compress] + '; font-size: ' + ['','13px','12px'][compress] + '; margin-bottom: ' + ['','3px','1px'][compress] + '; }';
  911. 			styles += '.waze-radio-container label { width: auto; padding-left: ' + ['','6px','3px'][compress] + ' !important; padding-right: ' + ['','6px','3px'][compress] + ' !important; }';
  912. 			//text input areas
  913. 			styles += '#sidebar textarea.form-control { height: auto; }';
  914. 			styles += '#sidebar textarea { max-width: unset; }';
  915. 			//specific changes
  916. 			//Selected segments info
  917. 			styles += '#edit-panel .selection { padding-top: ' + ['','8px','2px'][compress] + '; padding-bottom: ' + ['','8px','4px'][compress] + '; }';
  918. 			styles += '#edit-panel .segment .direction-message { margin-bottom: ' + ['','9px','3px'][compress] + '; }';
  919. 			//Segment details (closure warning)
  920. 			styles += '#edit-panel .segment .segment-details { padding: ' + ['','10px','5px'][compress] + '; padding-top: 0px; }';
  921. 			//All control labels
  922. 			styles += '#edit-panel .control-label { font-size: ' + ['','11px','10px'][compress] + '; margin-bottom: ' + ['','4px','1px'][compress] + '; }';
  923. 			//Address input
  924. 			styles += '#edit-panel .address-edit-view { cursor: pointer; margin-bottom: ' + ['','6px','2px'][compress] + '!important; }';
  925. 			styles += '#edit-panel .address-edit-input { padding: ' + ['','4px','1px'][compress] + '; font-size: ' + ['','13px','12px'][compress] + '; }';
  926. 			styles += '.tts-button { height: ' + ['','28px','21px'][compress] + '; }';
  927. 			//alt names
  928. 			styles += '.alt-street-list { margin-bottom: ' + ['','4px','0px'][compress] + '; }';
  929. 			styles += '#edit-panel .add-alt-street-form .alt-street { padding-top: ' + ['','13px','3px'][compress] + '; padding-bottom: ' + ['','13px','3px'][compress] + '; }';
  930. 			styles += '#edit-panel .add-alt-street-form .alt-street .alt-street-delete { top: ' + ['','12px','4px'][compress] + '; }';
  931. 			styles += '#edit-panel .segment .address-edit-view .address-form .action-buttons { padding-top: ' + ['','11px','6px'][compress] + '; padding-bottom: ' + ['','11px','6px'][compress] + '; margin-top: ' + ['','5px','0px'][compress] + '; height: ' + ['','45px','28px'][compress] + '; }';
  932. 			styles += '#edit-panel .add-alt-street-form .new-alt-street { padding-top: ' + ['','8px','3px'][compress] + '; padding-bottom: ' + ['','8px','3px'][compress] + '; }';
  933. 			//restrictions control
  934. 			styles += '#edit-panel .restriction-list { margin-bottom: ' + ['','5px','0px'][compress] + '; }';
  935. 			//speed limit controls
  936. 			styles += '#edit-panel .clearfix.controls.speed-limit { margin-top: ' + ['','0px','-5px'][compress] + '; }';
  937. 			styles += '#edit-panel .segment .speed-limit label { margin-bottom: ' + ['','3px','1px'][compress] + '; }';
  938. 			styles += '#edit-panel .segment .speed-limit .form-control { height: ' + ['','23px','19px'][compress] + '; padding-top: ' + ['','4px','2px'][compress] + '; font-size: ' + ['','13px','12px'][compress] + '; width: 5em; margin-left: 0px; }';
  939. 			styles += '#edit-panel .segment .speed-limit .direction-label { font-size: ' + ['','12px','11px'][compress] + '; line-height: ' + ['','2.0em','1.8em'][compress] + '; }';
  940. 			styles += '#edit-panel .segment .speed-limit .unit-label { font-size: ' + ['','12px','11px'][compress] + '; line-height: ' + ['','2.0em','1.8em'][compress] + '; margin-left: 0px;}';
  941. 			styles += '#edit-panel .segment .speed-limit .average-speed-camera { margin-left: 40px; }';
  942. 			styles += '#edit-panel .segment .speed-limit .average-speed-camera .camera-icon { vertical-align: top; }';
  943. 			styles += '#edit-panel .segment .speed-limit .verify-buttons { margin-bottom: ' + ['','5px','0px'][compress] + '; }';
  944. 			//more actions section
  945. 			styles += '#edit-panel .more-actions { padding-top: ' + ['','6px','2px'][compress] + '; }';
  946. 			styles += '#edit-panel .more-actions .waze-btn.waze-btn-white { padding-left: 0px; padding-right: 0px; }';
  947. 			//get more-actions buttons on one line
  948. 			styles += '#edit-panel .more-actions { display: inline-flex; }';
  949. 			styles += '#edit-panel .action-button { width: 155px; overflow: hidden; }';
  950. 			styles += '#edit-panel .action-button:before { margin-right: 0px !important; }';
  951. 			styles += '#edit-panel .more-actions .edit-house-numbers-btn-wrapper { margin-top: 0px; }';
  952. 			//additional attributes
  953. 			styles += '#edit-panel .additional-attributes { margin-bottom: ' + ['','3px','1px'][compress] + '; }';
  954. 			//history items
  955. 			styles += '.toggleHistory { padding: ' + ['','7px','3px'][compress] + '; }';
  956. 			styles += '.element-history-item:not(:last-child) { margin-bottom: ' + ['','3px','1px'][compress] + '; }';
  957. 			styles += '.element-history-item .tx-header { padding: ' + ['','6px','2px'][compress] + '; }';
  958. 			styles += '.element-history-item .tx-header .tx-author-date { margin-bottom: ' + ['','3px','1px'][compress] + '; }';
  959. 			styles += '.element-history-item .tx-content { padding: ' + ['','7px 7px 7px 22px','4px 4px 4px 22px'][compress] + '; }';
  960. 			styles += '.loadMoreContainer { padding: ' + ['','5px 0px','3px 0px'][compress] + '; }';
  961. 			//closures tab
  962. 			styles += 'wz-button { transform: scale(' + ['','0.9','0.8'][compress] + '); }';
  963. 			styles += '.closures > div:not(.closures-list) { padding: ' + ['','0px','0px'][compress] + '; }';
  964. 			styles += 'body { --wz-text-input-height: ' + ['','30px','20px'][compress] + '; }';
  965. 			styles += 'body { --wz-select-height: ' + ['','30px','20px'][compress] + '; }';
  966. 			styles += 'input.wz-text-input { height: ' + ['','30px','20px'][compress] + '; }';
  967. 			styles += '.edit-closure .closure-nodes .closure-node-item .closure-node-control { padding: ' + ['','7px','2px'][compress] + '; }';
  968. 			//closures list
  969. 			styles += '.closures-list .add-closure-button { line-height: ' + ['','20px','18px'][compress] + '; }';
  970. 			styles += '.closures-list .closure-item:not(:last-child) { margin-bottom: ' + ['','6px','2px'][compress] + '; }';
  971. 			styles += '.closures-list .closure-item .details { padding: ' + ['','5px','0px'][compress] + '; font-size: ' + ['','12px','11px'][compress] + '; }';
  972. 			styles += '.closures-list .closure-item .buttons { top: ' + ['','7px','4px'][compress] + '; }';
  973. 			//tweak for Junction Box button
  974. 			styles += '#edit-panel .junction-actions > button { width: inherit; }';
  975. 			//PLACE DETAILS
  976. 			//alert
  977. 			styles += '#edit-panel .header-alert { margin-bottom: ' + ['','6px','2px'][compress] + '; padding: ' + ['','6px 32px','2px 32px'][compress] + '; }';
  978. 			//address input
  979. 			styles += '#edit-panel .full-address { padding-top: ' + ['','4px','1px'][compress] + '; padding-bottom: ' + ['','4px','1px'][compress] + '; font-size: ' + ['','13px','12px'][compress] + '; }';
  980. 			//alt names
  981. 			styles += '#edit-panel .aliases-view .list li { margin: ' + ['','12px 0','4px 0'][compress] + '; }';
  982. 			styles += '#edit-panel .aliases-view .delete { line-height: inherit; }';
  983. 			//categories
  984. 			styles += '#edit-panel .categories .select2-search-choice .category { margin: ' + ['','2px 0 2px 4px','1px 0 1px 3px'][compress] + '; height: ' + ['','18px','15px'][compress] + '; line-height: ' + ['','18px','15px'][compress] + '; }';
  985. 			styles += '#edit-panel .categories .select2-search-field input { height: ' + ['','18px','17px'][compress] + '; }';
  986. 			styles += '#edit-panel .categories .select2-choices { min-height: ' + ['','26px','19px'][compress] + '; }';
  987. 			styles += '#edit-panel .categories .select2-container { margin-bottom: 0px; }';
  988. 			//entry/exit points
  989. 			styles += '#edit-panel .navigation-point-view .navigation-point-list-item .preview { padding: ' + ['','3px 7px','0px 4px'][compress] + '; font-size: ' + ['','13px','12px'][compress] + '; }';
  990. 			styles += '#edit-panel .navigation-point-view .add-button { height: ' + ['','28px','18px'][contrast] + '; line-height: ' + ['','17px','16px'][contrast] + '; font-size: ' + ['','13px','12px'][compress] + '; }';
  991. 			//type buttons
  992. 			styles += '#sidebar .area-btn, #sidebar .point-btn { height: ' + ['','19px','16px'][compress] + '; line-height: ' + ['','19px','16px'][compress] + '; font-size: ' + ['','13px','12px'][compress] + '; }';
  993. 			// { height: ' + ['','19px','16px'][compress] + '; width: ' + ['','19px','16px'][compress] + '; line-height: ' + ['','19px','16px'][compress] + '; font-size: ' + ['','13px','12px'][compress] + '; margin-bottom: ' + ['','3px','1px'][compress] + '; }';
  994. 			//external providers
  995. 			styles += '.select2-container { font-size: ' + ['','13px','12px'][compress] + '; }';
  996. 			styles += '#edit-panel .external-providers-view .external-provider-item { margin-bottom: ' + ['','6px','2px'][compress] + '; }';
  997. 			styles += '.external-providers-view > div > ul { margin-bottom: ' + ['','4px','0px'][compress] + '; }';
  998. 			styles += '#edit-panel .external-providers-view .add { padding: ' + ['','3px 12px','1px 9px'][compress] + '; }';
  999. 			styles += '#edit-panel .waze-btn.waze-btn-smaller { line-height: ' + ['','26px','21px'][compress] + '; }';
  1000. 			//residential toggle
  1001. 			styles += '#edit-panel .toggle-residential { height: ' + ['','27px','22px'][compress] + '; }';
  1002. 			//more info
  1003. 			styles += '.service-checkbox { font-size: ' + ['','13px','12px'][compress] + '; }';
  1004. 			//PARKING LOT SPECIFIC
  1005. 			styles += '.parking-type-option{ display: inline-block; }';
  1006. 			styles += '.payment-checkbox { display: inline-block; min-width: ' + ['','48%','31%'][compress] + '; }';
  1007. 			styles += '.service-checkbox { display: inline-block; min-width: 49%; font-size: ' + ['','12px','11px'][compress] + '; }';
  1008. 			styles += '.lot-checkbox { display: inline-block; min-width: 49%; }';
  1009. 			//MAP COMMENTS
  1010. 			styles += '.map-comment-name-editor { padding: ' + ['','10px','5px'][compress] + '; }';
  1011. 			styles += '.map-comment-name-editor .edit-button { margin-top: 0px; font-size: ' + ['','13px','12px'][compress] + '; padding-top: ' + ['','3px','1px'][compress] + '; }';
  1012. 			styles += '.conversation-view .no-comments { padding: ' + ['','10px 15px','5px 15px'][compress] + '; }';
  1013. 			styles += '.map-comment-feature-editor .conversation-view .comment-list { padding-top: ' + ['','8px','1px'][compress] + '; padding-bottom: ' + ['','8px','1px'][compress] + '; }';
  1014. 			styles += '.map-comment-feature-editor .conversation-view .comment-list .comment .comment-content { padding: ' + ['','6px 0px','2px 0px'][compress] + '; }';
  1015. 			styles += '.conversation-view .comment .text { padding: ' + ['','6px 9px','3px 4px'][compress] + '; font-size: ' + ['','13px','12px'][compress] + '; }';
  1016. 			styles += '.conversation-view .new-comment-form { padding-top: ' + ['','10px','5px'][compress] + '; }';
  1017. 			styles += '.map-comment-feature-editor .clear-btn { height: ' + ['','26px','19px'][compress] + '; line-height: ' + ['','26px','19px'][compress] + '; }';
  1018. 			//Compression for WME Speedhelper
  1019. 			styles += '.clearfix.controls.speed-limit { margin-top: ' + ['','-4px','-8px'][compress] + '; }';
  1020. 			//Compression for WME Clicksaver
  1021. 			styles += '.rth-btn-container { margin-bottom: ' + ['','2px','-1px'][compress] + '; }';
  1022. 			styles += '#csRoutingTypeContainer { height: ' + ['','23px','16px'][compress] + ' !important; margin-top: ' + ['','-2px','-4px'][compress] + '; }';
  1023. 			styles += '#csElevationButtonsContainer { margin-bottom: ' + ['','2px','-1px'][compress] + ' !important; }';
  1024. 			//tweak for WME Clicksaver tab controls
  1025. 			styles += '#sidepanel-clicksaver .controls-container { width: 100%; }';
  1026. 			//tweak for JAI tab controls
  1027. 			styles += '#sidepanel-ja .controls-container { width: 100%; }';
  1028. 			//tweaks for UR-MP Tracker
  1029. 			styles += '#sidepanel-urt { margin-left: ' + ['','-5px','0px'][compress] + ' !important; }';
  1030. 			styles += '#urt-main-title { margin-top: ' + ['','-5px','0px'][compress] + ' !important; }';
  1031. 			//tweaks for my own panel
  1032. 			styles += '#fuContent { line-height: ' + ['','10px','9px'][compress] + ' !important; }';
  1033. 		}
  1034. 		if (contrast > 0) {
  1035. 			//contrast enhancements
  1036. 			//general
  1037. 			styles += '#sidebar .form-group { border-top: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1038. 			//text colour
  1039. 			styles += '#sidebar { color: black; }';
  1040. 			//advanced tools section
  1041. 			styles += '#sidebar waze-staff-tools { background-color: #c7c7c7; }';
  1042. 			//Tabs
  1043. 			styles += '#sidebar .nav-tabs { border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1044. 			styles += '#sidebar .nav-tabs li a { border: 1px solid ' + ['','lightgrey','grey'][contrast] + ' !important; }';
  1045. 			//Fix the un-noticeable feed refresh button
  1046. 			styles += 'span.fa.fa-repeat.feed-refresh.nav-tab-icon { width: 19px; color: orangered; }';
  1047. 			styles += 'span.fa.fa-repeat.feed-refresh.nav-tab-icon:hover { color: red; font-weight: bold; font-size: 15px; }';
  1048. 			//Feed
  1049. 			styles += '.feed-item { border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1050. 			styles += '.feed-issue .content .title .type { color: ' + ['','black','black'][contrast] + '; font-weight: bold; }';
  1051. 			styles += '.feed-issue .content .timestamp { color: ' + ['','dimgrey','black'][contrast] + '; }';
  1052. 			styles += '.feed-issue .content .subtext { color: ' + ['','dimgrey','black'][contrast] + '; }';
  1053. 			styles += '.feed-item .motivation { font-weight: bold; }';
  1054. 			//Drives & Areas
  1055. 			styles += '#sidebar .result-list .result { border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1056. 			//Segment edit panel
  1057. 			styles += '#edit-panel .selection { font-size: 13px; }';
  1058. 			styles += '#edit-panel .segment .direction-message { color: orangered; }';
  1059. 			styles += '#edit-panel .address-edit-input { color: black; border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1060. 			styles += '#sidebar .form-control { border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1061. 			//radio buttons when disabled
  1062. 			styles += '.waze-radio-container input[type="radio"]:disabled:checked + label { color: black; opacity: 0.7; font-weight:600; }';
  1063. 			//override border for lock levels
  1064. 			styles += '#sidebar .waze-radio-container { border: 0 none !important; }';
  1065. 			styles += '#edit-panel .waze-btn { color: black; border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1066. 			styles += '.waze-radio-container label  { border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1067. 			//history items
  1068. 			styles += '.toggleHistory { color: black; text-align: center; }';
  1069. 			styles += '.element-history-item .tx-header { color: black; }';
  1070. 			styles += '.element-history-item.closed .tx-header { border-radius: 8px; border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1071. 			styles += '.loadMoreHistory { border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1072. 			//closures list
  1073. 			styles += '.closures-list .closure-item .details { border-radius: 8px; border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1074. 			styles += '.closures-list .closure-item .dates { color: black; }';
  1075. 			styles += '.closures-list .closure-item .dates .date-label { opacity: 1; }';
  1076. 			//Place details
  1077. 			//alert
  1078. 			styles += '#edit-panel .alert-danger { color: red; }';
  1079. 			//address input
  1080. 			styles += '#edit-panel .full-address { color: black; border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1081. 			styles += '#edit-panel a.waze-link { font-weight: bold; }';
  1082. 			//categories
  1083. 			styles += '#edit-panel .categories .select2-search-choice .category { text-transform: inherit; font-weight: bold; background: gray; }';
  1084. 			//entry/exit points
  1085. 			styles += '#edit-panel .navigation-point-view .navigation-point-list-item .preview { border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1086. 			styles += '#edit-panel .navigation-point-view .add-button { border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; margin-top: 2px; padding: 0 5px; }';
  1087. 			//type buttons
  1088. 			styles += '#sidebar .point-btn { color: black; border: 1px solid ' + ['','lightgrey','grey'][contrast] + ' !important; }';
  1089. 			//external providers
  1090. 			styles += '.select2-container { color: teal; border: 1px solid ' + ['','lightgrey','grey'][contrast] + ' !important; }';
  1091. 			styles += '.select2-container .select2-choice { color: black; }';
  1092. 			//residential toggle
  1093. 			styles += '#edit-panel .toggle-residential { font-weight: bold; }';
  1094. 			//COMMENTS
  1095. 			styles += '.map-comment-name-editor { border-color: ' + ['','darkgrey','grey'][contrast] + '; }';
  1096. 		}
  1097. 		// hide headlight required control if not valid for this country
  1098. 		// need to delay, as topCountry is taking too long to appear
  1099. 		setTimeout(hideHeadlights,5000);
  1100. 		//fix for buttons of WME Image Overlay script
  1101. 		styles += '#sidepanel-imageoverlays > div.result-list button { height: 24px; }';
  1102. 		addStyle(prefix + fname,styles);
  1103. 	} else {
  1104. 		removeStyle(prefix + fname);
  1105. 		removeStyle(prefix + 'hideHeadlights');
  1106. 	}
  1107. }
  1108.  
  1109. function hideHeadlights() {
  1110. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1111. 	logit("function " + fname + " called", "debug");
  1112. 	var styles = "";
  1113. 	if (W.model.getTopCountry()) {
  1114. 		if (W.model.getTopCountry().allowHeadlightsReminderRank === null) {
  1115. 			styles += '.headlights-reminder { display: none !important; }';
  1116. 			addStyle(prefix + fname,styles);
  1117. 		}
  1118. 	}
  1119. }
  1120.  
  1121. function compressLayersMenu() {
  1122. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1123. 	logit("function " + fname + " called", "debug");
  1124. 	removeStyle(prefix + fname);
  1125. 	var styles = "";
  1126. 	if (getById('_cbCompressLayersMenu').checked) {
  1127. 		getById('layersColControls').style.opacity = '1';
  1128. 		var contrast = getById('_inpUIContrast').value;
  1129. 		var compress = getById('_inpUICompression').value;
  1130. 		if (compress > 0) {
  1131. 			//VERTICAL CHANGES
  1132. 			//change menu to autoheight - not working
  1133. 			// styles += '.layer-switcher .menu { height: auto; width: auto; max-height: calc(100% - 26px); overflow-y: scroll }';
  1134. 			//change menu to auto-width
  1135. 			styles += '.layer-switcher .menu { width: auto }';
  1136. 			styles += '.layer-switcher .menu.hide-layer-switcher { left: 100% }';
  1137. 			//menu title
  1138. 			styles += '.layer-switcher .menu > .title { font-size: ' + ['','14px','12px'][compress] + '; padding-bottom: ' + ['','7px','2px'][compress] + '; padding-top: ' + ['','7px','2px'][compress] + ' }';
  1139. 			styles += '.layer-switcher .menu > .title .w-icon-x { font-size: ' + ['','21px','18px'][compress] + ' }';
  1140. 			styles += '.layer-switcher .scrollable { height: calc(100% - ' + ['','39px','29px'][compress] + ') }';
  1141. 			//menu group headers
  1142. 			styles += '.layer-switcher .layer-switcher-toggler-tree-category { padding: ' + ['','5px','2px'][compress] + ' 0; height: ' + ['','30px','20px'][compress] + ' }';
  1143. 			//menu items
  1144. 			styles += '.layer-switcher li { line-height: ' + ['','20px','16px'][compress] + '}';
  1145. 			styles += '.layer-switcher .togglers ul li .wz-checkbox { margin-bottom: ' + ['','3px','0px'][compress] + ' }';
  1146. 			styles += '.wz-checkbox { min-height: ' + ['','20px','16px'][compress] + ' }';
  1147. 			styles += '.wz-checkbox input[type="checkbox"] + label { line-height: ' + ['','20px','16px'][compress] + '; font-size: ' + ['','12px','11px'][compress] + ' }';
  1148. 			styles += '.wz-checkbox input[type="checkbox"] + label:before { font-size: ' + ['','13px','10px'][compress] + '; height: ' + ['','16px','14px'][compress] + '; width: ' + ['','16px','14px'][compress] + '; line-height: ' + ['','12px','11px'][compress] + ' }';
  1149. 			//HORIZONTAL CHANGES
  1150. 			styles += '.layer-switcher .togglers ul { padding-left: ' + ['','19px','12px'][compress] + '; }';
  1151. 			styles += '.layer-switcher .togglers .group { padding: ' + ['','0 8px 0 4px','0 4px 0 2px'][compress] + ' }';
  1152. 			if (getById('_cbLayersColumns').checked) {
  1153. 				//2 column stuff
  1154. 				styles += '.layer-switcher .scrollable { columns: 2; }';
  1155. 				styles += 'li.group { break-inside: avoid; page-break-inside: avoid; }';
  1156. 				//prevent city names showing up when it should be hidden
  1157. 				styles += ' .layer-switcher ul[class^="collapsible"].collapse-layer-switcher-group { visibility: collapse }';
  1158. 				styles += '.layer-switcher .menu { overflow-x: hidden; overflow-y: scroll; height: auto; max-height: calc(100% - ' + ['','39px','29px'][compress] + ') }';
  1159. 				styles += '.layer-switcher .scrollable { overflow-x: hidden; overflow-y: hidden; height: unset }';
  1160. 			}
  1161. 			// fix from ABelter for layers menu
  1162. 			styles += ' .layer-switcher ul[class^="collapsible"] { max-height: none; }';
  1163. 		} else {
  1164. 			//2-columns not available without compression
  1165. 			getById('layersColControls').style.opacity = '0.5';
  1166. 		}
  1167. 		if (contrast > 0) {
  1168. 			styles += '.controls-container.main.toggler { color: white; background: dimgray }';
  1169. 			styles += '.layer-switcher .toggler.main .label-text { text-transform: inherit }';
  1170. 			//labels
  1171. 			styles += '.layer-switcher .layer-switcher-toggler-tree-category > .label-text { color: black }';
  1172. 			styles += '.wz-checkbox input[type="checkbox"] + label { WME: FU; color: black }';
  1173. 			//group separator
  1174. 			styles += '.layer-switcher .togglers .group { border-bottom: 1px solid ' + ['','lightgrey','grey'][contrast] + ' }';
  1175. 			//column rule
  1176. 			styles += '.layer-switcher .scrollable { column-rule: 1px solid ' + ['','lightgrey','grey'][contrast] + ' }';
  1177. 		}
  1178. 		if (getById('_cbLayersMenuMoreOptions').checked === true) {
  1179. 			styles += '.layer-switcher ul[class^="collapsible"].collapse-layer-switcher-group { visibility: inherit; max-height: inherit }';
  1180. 			styles += '.layer-switcher i.toggle-category { visibility: hidden; width: 0 }';
  1181. 		}
  1182. 		addStyle(prefix + fname,styles);
  1183. 	} else {
  1184. 		getById('layersColControls').style.opacity = '0.5';
  1185. 		removeStyle(prefix + fname);
  1186. 	}
  1187. }
  1188.  
  1189. function restyleReports() {
  1190. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1191. 	logit("function " + fname + " called", "debug");
  1192. 	var styles = "";
  1193. 	if (getById('_cbRestyleReports').checked) {
  1194. 		var contrast = getById('_inpUIContrast').value;
  1195. 		var compress = getById('_inpUICompression').value;
  1196. 		if (compress > 0) {
  1197. 			//report header
  1198. 			styles += '#panel-container .header { padding: ' + ['','9px 36px','1px 36px'][compress] + '; line-height: ' + ['','19px','17px'][compress] + '; }';
  1199. 			styles += '#panel-container .header .dot { top: ' + ['','15px','7px'][compress] + '; }';
  1200. 			//special treatment for More Information checkboxes (with legends)
  1201. 			styles += '#panel-container .problem-edit .more-info .legend { left: 20px; top: 3px; }';
  1202. 			styles += '#panel-container .more-info input[type="checkbox"] + label { padding-left: 33px !important; }';
  1203. 			//report body
  1204. 			styles += '#panel-container .body { line-height: ' + ['','15px','13px'][compress] + '; font-size: ' + ['','13px','12px'][compress] + '; }';
  1205. 			//problem description
  1206. 			styles += '#panel-container div.description.section > div.collapsible.content { padding: ' + ['','9px','3px'][compress] + '; }';
  1207. 			//comments
  1208. 			styles += '#panel-container .conversation-view .comment .comment-content { padding: ' + ['','6px 9px','2px 3px'][compress] + '; }';
  1209. 			styles += '#panel-container .comment .text { padding: ' + ['','7px 9px','4px 4px'][compress] + '; }';
  1210. 			//new comment entry
  1211. 			styles += '#panel-container .conversation-view .new-comment-form { padding: ' + ['','8px 9px 6px 9px','1px 3px 2px 3px'][compress] + '; }';
  1212. 			//send button
  1213. 			styles += '#panel-container .conversation-view .send-button { padding: ' + ['','4px 16px','2px 12px'][compress] + '; box-shadow: ' + ['','3px 3px 4px 0 #def7ff','3px 2px 4px 0 #def7ff'][compress] + '; }';
  1214. 			//lower buttons
  1215. 			styles += '#panel-container > div > div > div.actions > div > div { padding-top: ' + ['','6px','3px'][compress] + '; }';
  1216. 			styles += '#panel-container .close-details.section { font-size: ' + ['','13px','12px'][compress] + '; line-height: ' + ['','13px','9px'][compress] + '; }';
  1217. 			styles += '#panel-container .problem-edit .actions .controls-container label { height: ' + ['','28px','21px'][compress] + '; line-height: ' + ['','28px','21px'][compress] + '; margin-bottom: ' + ['','5px','2px'][compress] + '; }';
  1218. 			styles += '#panel-container .waze-plain-btn { height: ' + ['','30px','20px'][compress] + '; line-height: ' + ['','30px','20px'][compress] + '; }';
  1219. 			styles += '.panel .navigation { margin-top: ' + ['','6px','2px'][compress] + '; }';
  1220. 			//WMEFP All PM button
  1221. 			styles += '#WMEFP-UR-ALLPM { top: ' + ['','5px','0px'][compress] + ' !important; }';
  1222. 		}
  1223. 		if (contrast > 0) {
  1224. 			styles += '#panel-container .section { border-bottom: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1225. 			styles += '#panel-container .close-panel { border-color: ' + ['','lightgrey','grey'][contrast] + '; }';
  1226. 			styles += '#panel-container .main-title { font-weight: 900; }';
  1227. 			styles += '#panel-container .reported { color: ' + ['','dimgrey','black'][contrast] + '; }';
  1228. 			styles += '#panel-container .date { color: ' + ['','#6d6d6d','#3d3d3d'][contrast] + '; }';
  1229. 			styles += '#panel-container .comment .text { border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1230. 			styles += '#panel-container .comment-content.reporter .username { color: ' + ['','#159dc6','#107998'][contrast] + '; }';
  1231. 			styles += '#panel-container .conversation-view .new-comment-form textarea { border: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1232. 			styles += '#panel-container .top-section { border-bottom: 1px solid ' + ['','lightgrey','grey'][contrast] + '; }';
  1233. 			styles += '#panel-container .waze-plain-btn { font-weight: 800; color: ' + ['','#159dc6','#107998'][contrast] + '; }';
  1234. 		}
  1235. 		addStyle(prefix + fname,styles);
  1236. 		if (wmeFUinitialising) {
  1237. 			setTimeout(draggablePanel, 5000);
  1238. 		} else {
  1239. 			draggablePanel();
  1240. 		}
  1241. 	} else {
  1242. 		removeStyle(prefix + fname);
  1243. 		if (jQuery.ui) {
  1244. 			if ( $("#panel-container").hasClass('ui-draggable') ) {
  1245. 				$("#panel-container").draggable("destroy");
  1246. 			}
  1247. 			getById("panel-container").style = "";
  1248. 		}
  1249. 	}
  1250. 	window.dispatchEvent(new Event('resize'));
  1251. }
  1252.  
  1253. function draggablePanel() {
  1254. 	if (jQuery.ui) {
  1255. 		if ($("#panel-container").draggable) {
  1256. 			$("#panel-container").draggable({ handle: ".header" });
  1257. 		}
  1258. 	}
  1259. }
  1260.  
  1261. function enhanceChat() {
  1262. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1263. 	logit("function " + fname + " called", "debug");
  1264. 	var styles = "";
  1265. 	if (getById('_cbEnhanceChat').checked) {
  1266. 		removeStyle(prefix + fname);
  1267. 		var contrast = getById('_inpUIContrast').value;
  1268. 		var compress = getById('_inpUICompression').value;
  1269. 		var mapY = getById('map').clientHeight;
  1270. 		var chatY = Math.floor( mapY * 0.5);
  1271. 		var chatHeaderY = [50,35,20][compress];
  1272. 		var chatMessageInputY = [39,31,23][compress];
  1273. 		var chatMessagesY = chatY - chatHeaderY - chatMessageInputY;
  1274. 		var chatUsersY = chatY - chatHeaderY;
  1275. 		//change chat width to 35% of whole window
  1276. 		styles += '#chat .messages { width: calc(25vw); min-width: 200px;}';
  1277. 		styles += '#map.street-view-mode #chat .messages { width: calc(25vw); }';
  1278. 		styles += '#chat .messages .message-list { margin-bottom: 0px; }';
  1279. 		styles += '#chat .messages .new-message { position: inherit; width: unset; }';
  1280. 		styles += '#map.street-view-mode #chat .messages .new-message { position: inherit; width: unset; }';
  1281. 		styles += '#chat .users { width: calc(10vw); min-width: 120px; }';
  1282. 		styles += '#chat .messages .message-list .message.normal-message { max-width: unset; }';
  1283. 		//change chat height to 50% of map view
  1284. 		styles += '#chat .messages .message-list { min-height: ' + chatMessagesY + 'px; }';
  1285. 		styles += '#chat .users { max-height: ' + chatUsersY + 'px; }';
  1286. 		
  1287. //		#chat .messages .unread-messages-notification width=70%, bottom64px>
  1288. 		if (compress > 0) {
  1289. 			//do compression
  1290. 			//header
  1291. 			styles += '#chat .header { line-height: ' + chatHeaderY + 'px; }';
  1292. 			
  1293. 			styles += '#chat .header .dropdown .dropdown-toggle { line-height: ' + ['','30px','22px'][compress] + '; }';
  1294. 			styles += '#chat .header button { line-height: ' + ['','20px','19px'][compress] + '; font-size: ' + ['','13px','11px'][compress] + '; height: ' + ['','20px','19px'][compress] + '; }';
  1295. 			//message list
  1296. 			styles += '#chat .messages .message-list { padding: ' + ['','9px','3px'][compress] + '; }';
  1297. 			styles += '#chat .messages .message-list .message.normal-message { padding: ' + ['','6px','2px'][compress] + '; }';
  1298. 			styles += '#chat .messages .message-list .message { margin-bottom: ' + ['','8px','2px'][compress] + '; line-height: ' + ['','16px','14px'][compress] + '; font-size: ' + ['','12px','11px'][compress] + '; }';
  1299. 			styles += '#chat .messages .new-message input { height: ' + chatMessageInputY + 'px; }';
  1300. 			//user list
  1301. 			styles += '#chat .users { padding: ' + ['','8px','1px'][compress] + '; }';
  1302. 			styles += '#chat ul.user-list a.user { padding: ' + ['','2px','1px'][compress] + '; }';
  1303. 			styles += '#chat ul.user-list a.user .rank { width: ' + ['','25px','20px'][compress] + '; height: ' + ['','20px','16px'][compress] + '; margin-right: ' + ['','3px','1px'][compress] + '; }';
  1304. 			styles += '#chat ul.user-list a.user .username { line-height: ' + ['','21px','17px'][compress] + '; }';
  1305. 			styles += '#chat ul.user-list a.user:hover .crosshair { margin-top: ' + ['','3px','1px'][compress] + '; right: ' + ['','3px','1px'][compress] + '; }';
  1306. 			//fix for WME Chat Addon
  1307. 			styles += '#chat .users > ul > li > a { margin: 0px !important; }';
  1308. 		}
  1309. 		if (contrast > 0) {
  1310. 			//header
  1311. 			styles += '#chat .header { color: black; background-color: ' + ['','#d9d9d9','#bfbfbf'][contrast] + '; }';
  1312. 			styles += '#chat .messages .message-list { background-color: ' + ['','#e8e8e8','lightgrey'][contrast] + '; }';
  1313. 			styles += '#chat .messages .message-list .message.normal-message { color: black; float: left; }';
  1314. 			styles += '#chat .messages .message-list .message.normal-message .from { color: dimgrey; font-weight: bold; font-style: italic; }';
  1315. 			styles += '#chat .messages .message-list .message.own-message .from { color: black; background-color: #a1dcf5; }';
  1316. 			//user message timestamps
  1317. 			styles += '#chat > div.chat-body > div.messages > div.message-list > div > div.from > span { color: ' + ['','dimgrey','black'][contrast] + ' !important; }';
  1318. 			//system message timestamps
  1319. 			styles += '#chat > div.chat-body > div.messages > div.message-list > div > div.body > div > span { color: ' + ['','dimgrey','black'][contrast] + ' !important; }';
  1320. 			//fix for WME Chat Addon
  1321. 			styles += '#chat .body > div { color: black !important; }';
  1322. 		}
  1323. 		//fix for Chat Addon timestamps running up against names
  1324. 		styles += '#chat > div.chat-body > div.messages > div.message-list > div > div.from > span { margin-left: 5px; }';
  1325. 		addStyle(prefix + fname,styles);
  1326. 	} else {
  1327. 		removeStyle(prefix + fname);
  1328. 	}
  1329. }
  1330.  
  1331. function narrowSidePanel() {
  1332. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1333. 	logit("function " + fname + " called", "debug");
  1334. 	var styles = "";
  1335. 	if (getById('_cbNarrowSidePanel').checked) {
  1336. 		//sidebar width
  1337. 		styles += '.row-fluid #sidebar { width: 250px; }';
  1338. 		//map width
  1339. 		styles += '.show-sidebar .row-fluid .fluid-fixed { margin-left: 250px; }';
  1340. 		//user info tweaks
  1341. 		styles += '#sidebar #user-info #user-box { padding: 0 0 5px 0; }';
  1342. 		styles += '#sidebar #user-details { width: 250px; }';
  1343. 		styles += '#sidebar #user-details .user-profile .level-icon { margin: 0; }';
  1344. 		styles += '#sidebar #user-details .user-profile .user-about { max-width: 161px; }';
  1345. 		//gradient bars
  1346. 		styles += '#sidebar .tab-scroll-gradient { width: 220px; }';
  1347. 		styles += '#sidebar #links:before { width: 236px; }';
  1348. 		//feed
  1349. 		styles += '.feed-item .content { max-width: 189px; }';
  1350. 		//segment edit panel
  1351. 		styles += '#edit-panel .more-actions .waze-btn.waze-btn-white { width: 122px; }';
  1352. 		//tweak for WME Bookmarks
  1353. 		styles += '#divBookmarksContent .divName { max-width: 164px; }';
  1354. 		//tweak for WME PH buttons
  1355. 		styles += '#WMEPH_runButton .btn { font-size: 11px; padding: 2px !important; }';
  1356. 		addStyle(prefix + fname, styles);
  1357. 	} else {
  1358. 		removeStyle(prefix + fname);
  1359. 	}
  1360. 	compressSegmentTab();
  1361. 	window.dispatchEvent(new Event('resize'));
  1362. }
  1363.  
  1364. function shiftAerials() {
  1365. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1366. 	logit("function " + fname + " called", "debug");
  1367. 	// calculate meters/pixel for current map view
  1368. 	var ipu = OpenLayers.INCHES_PER_UNIT;
  1369. 	var metersPerPixel = W.map.getResolution() * ipu.m / ipu[W.map.getOLMap().getUnits()];
  1370. 	// Apply the shift and opacity
  1371. 	W.map.getOLMap().baseLayer.div.style.left = Math.round(getById("_inpASX").value / metersPerPixel) + 'px';
  1372. 	W.map.getOLMap().baseLayer.div.style.top = Math.round(- getById("_inpASY").value / metersPerPixel) + 'px';
  1373. 	if (getById('_inpASO').value < 10) getById('_inpASO').value = 10;
  1374. 	W.map.getOLMap().baseLayer.div.style.opacity = getById("_inpASO").value/100;
  1375. 	if (getById("_inpASX").value != 0 || getById("_inpASY").value != 0) {
  1376. 		getById("WMEFU_AS").style.display = "block";
  1377. 	} else {
  1378. 		getById("WMEFU_AS").style.display = "none";
  1379. 	}
  1380. 	//turn off Enhance Chat if WME Chat Fix is loaded
  1381. 	if (document.getElementById('WMEfixChat-setting')) {
  1382. 		if (getById('_cbEnhanceChat').checked === true) {
  1383. 			alert("WME FixUI: Enhance Chat disabled because WME Chat UI Fix detected");
  1384. 		}
  1385. 		getById('_cbEnhanceChat').checked = false;
  1386. 	}
  1387. }
  1388.  
  1389. function fixExternalProviders () {
  1390. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1391. 	logit("function " + fname + " called", "debug");
  1392. 	var styles = "";
  1393. 	if (getById('_cbFixExternalProviders').checked) {
  1394. 		//enlarge external provider boxes
  1395. 		styles += '#edit-panel .external-providers-view .select2-container { width: 90%; margin-bottom: 2px; }';
  1396. 		styles += '.select2-container .select2-choice { height: inherit; line-height: 16px; }';
  1397. 		styles += '.select2-container .select2-choice>.select2-chosen { white-space: normal; }';
  1398. 		styles += '.placeId { padding-bottom: 5px; }';
  1399. 		addStyle(prefix + fname,styles);
  1400. 	} else {
  1401. 		removeStyle(prefix + fname);
  1402. 	}
  1403. }
  1404.  
  1405. function warnCommentsOff() {
  1406. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1407. 	logit("function " + fname + " called", "debug");
  1408. 	if (W.map.getLayerByUniqueName('mapComments').visibility === false) {
  1409. 		removeStyle(prefix + fname);
  1410. 		addStyle(prefix + fname, '.toolbar { background-color: #FFC107; }');
  1411. 	} else {
  1412. 		removeStyle(prefix + fname);
  1413. 	}
  1414. 	// extra bit because killNodeLayer will be inactive
  1415. 	// getId("_btnKillNode").innerHTML = "Hide junction nodes";
  1416. 	getById("_btnKillNode").style.backgroundColor = "";
  1417. }
  1418.  
  1419. function adjustGSV() {
  1420. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1421. 	logit("function " + fname + " called", "debug");
  1422. 	var styles = "";
  1423. 	var C = getById('_inpGSVContrast');
  1424. 	var B = getById('_inpGSVBrightness');
  1425. 	var I = getById('_cbGSVInvert');
  1426. 	if (C.value < 10) C.value = 10;
  1427. 	if (B.value < 10) B.value = 10;
  1428. 	styles += '.gm-style { filter: contrast(' + C.value + '%) ';
  1429. 	styles += 'brightness(' + B.value + '%) ';
  1430. 	if (I.checked) {
  1431. 		styles += 'invert(1); }';
  1432. 	} else {
  1433. 		styles += 'invert(0); }';
  1434. 	}
  1435. 	removeStyle(prefix + fname);
  1436. 	if ((C.value != 100) || (B.value !=100) || I.checked) addStyle(prefix + fname, styles);
  1437. }
  1438.  
  1439. function GSVWidth() {
  1440. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1441. 	logit("function " + fname + " called", "debug");
  1442. 	removeStyle(prefix + fname);
  1443. 	var w = getById('_inpGSVWidth').value;
  1444. 	if (w != 50) {
  1445. 		var styles = "";
  1446. 		styles += '#editor-container #map.street-view-mode #waze-map-container { width: ' + (100-w) + '%; }';
  1447. 		styles += '#editor-container #street-view-container { width: ' + w + '%; }';
  1448. 		styles += '#editor-container #map #street-view-drag-handle { left: ' + (100-w) + '%; }';
  1449. 		addStyle(prefix + fname, styles);
  1450. 	}
  1451. 	window.dispatchEvent(new Event('resize'));
  1452. }
  1453.  
  1454. function GSVWidthReset() {
  1455. 	getById('waze-map-container').style = null;
  1456. 	getById('street-view-container').style = null;
  1457. 	getById('street-view-drag-handle').style = null;
  1458. 	// Check for WME Street View Availability
  1459. 	// This can be removed soon - WME SVA no longer remembers GSV width
  1460. 	if (localStorage.WMEStreetViewWidth) {
  1461. 		localStorage.WMEStreetViewWidth = '';
  1462. 	}
  1463. 	window.dispatchEvent(new Event('resize'));
  1464. }
  1465.  
  1466. function moveChatIcon() {
  1467. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1468. 	logit("function " + fname + " called", "debug");
  1469. 	var styles = "";
  1470. 	if (getById('_cbMoveChatIcon').checked) {
  1471. 		styles += '#chat-overlay { left: inherit !important; right: 60px !important;}';
  1472. 		styles += '#chat-overlay #chat-toggle { right: 0px !important; }';
  1473. 		addStyle(prefix + fname,styles);
  1474. 	} else {
  1475. 		removeStyle(prefix + fname);
  1476. 	}
  1477. }
  1478.  
  1479. function highlightInvisible() {
  1480. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1481. 	logit("function " + fname + " called", "debug");
  1482. 	var styles = "";
  1483. 	if (getById('_cbHighlightInvisible').checked) {
  1484. 		styles += '#chat-overlay.visible-false #chat-toggle button { filter: none; background-color: #ff0000c0; }';
  1485. 		addStyle(prefix + fname,styles);
  1486. 	} else {
  1487. 		removeStyle(prefix + fname);
  1488. 	}
  1489. }
  1490.  
  1491. function darkenSaveLayer() {
  1492. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1493. 	logit("function " + fname + " called", "debug");
  1494. 	var styles = "";
  1495. 	if (getById('_cbDarkenSaveLayer').checked) {
  1496. 		//don't publish without alteration!
  1497. 		styles += '#popup-overlay { background-color: dimgrey !important; }';
  1498. 		addStyle(prefix + fname,styles);
  1499. 	} else {
  1500. 		removeStyle(prefix + fname);
  1501. 	}
  1502. }
  1503.  
  1504. function swapRoadsGPS() {
  1505. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1506. 	logit("function " + fname + " called", "debug");
  1507. 	var styles = "";
  1508. 	if (getById('_cbSwapRoadsGPS').checked) {
  1509. 		var roadLayerId = W.map.getLayerByUniqueName("roads").id;
  1510. 		var GPSLayerId = W.map.getLayerByUniqueName("gps_points").id;
  1511. 		var roadLayerZ = W.map.getLayerByUniqueName("roads").getZIndex();
  1512. 		var GPSLayerZ = W.map.getLayerByUniqueName("gps_points").getZIndex();
  1513. 		logit("Layers identified\n\tRoads: " + roadLayerId + "," + roadLayerZ + "\n\tGPS: " + GPSLayerId + "," + GPSLayerZ, "info");
  1514. 		styles += '#' + roadLayerId.replace(/\./g,"\\2e") + ' { z-index: ' + GPSLayerZ + ' !important; }';
  1515. 		styles += '#' + GPSLayerId.replace(/\./g,"\\2e") + ' { z-index: ' + roadLayerZ + ' !important; }';
  1516. 		addStyle(prefix + fname,styles);
  1517. 	} else {
  1518. 		removeStyle(prefix + fname);
  1519. 	}
  1520. }
  1521.  
  1522. function killNode() {
  1523. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1524. 	logit("function " + fname + " called", "debug");
  1525. 	getById(W.map.getLayerByUniqueName("nodes").id + "_root").style.display = "none";
  1526. 	getById("_btnKillNode").style.backgroundColor = "yellow";
  1527. 	// getId("_btnKillNode").innerHTML = "Junction nodes hidden!";
  1528. }
  1529.  
  1530. function killTurnPopup() {
  1531. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1532. 	logit("function " + fname + " called", "debug");
  1533. 	if (getById("WMEFUTPB").style.backgroundColor == "red") {
  1534. 		getById("WMEFUTPB").style.backgroundColor = "inherit";
  1535. 		removeStyle(prefix + fname);
  1536. 	} else {
  1537. 		getById("WMEFUTPB").style.backgroundColor = "red";
  1538. 		addStyle(prefix + fname,'#big-tooltip-region { display: none !important; }');
  1539. 	}
  1540. }
  1541.  
  1542. function showMapBlockers() {
  1543. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1544. 	logit("function " + fname + " called", "debug");
  1545. 	var styles = "";
  1546. 	if (getById('_cbShowMapBlockers').checked) {
  1547. 		styles += '.street-view-layer { background-color: rgba(255,0,0,0.3); }';
  1548. 		// styles += '.live-user-marker { background-color: rgba(255,0,0,0.3); }';
  1549. 		styles += '.overlay-buttons-container.top { background-color: rgba(255,0,0,0.3); }';
  1550. 		styles += '.overlay-buttons-container.bottom { background-color: rgba(255,0,0,0.3); }';
  1551. 		styles += '#street-view-drag-handle { background-color: rgba(255,0,0,0.3); }';
  1552. 		addStyle(prefix + fname,styles);
  1553. 		fixNodeClosureIcons();
  1554. 	} else {
  1555. 		removeStyle(prefix + fname);
  1556. 	}
  1557. }
  1558.  
  1559. function fixNodeClosureIcons() {
  1560. 	var closureNodesId = W.map.getLayerByUniqueName('closure_nodes').id;
  1561. 	var SVPinId = W.map.getLayersByName('streetViewPin')[0].id;
  1562. 	addGlobalStyle('div#' + closureNodesId + ' { z-index: 725 !important }');
  1563. 	insertNodeBeforeNode(getById(closureNodesId), getById(SVPinId));
  1564. }
  1565.  
  1566. function disableBridgeButton() {
  1567. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1568. 	logit("function " + fname + " called", "debug");
  1569. 	var styles = "";
  1570. 	if (getById('_cbDisableBridgeButton').checked) {
  1571. 		styles += '.add-bridge { pointer-events: none; opacity: 0.4; }';
  1572. 		addStyle(prefix + fname,styles);
  1573. 	} else {
  1574. 		removeStyle(prefix + fname);
  1575. 	}
  1576. }
  1577.  
  1578. function hideLinks() {
  1579. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1580. 	logit("function " + fname + " called", "debug");
  1581. 	var styles = "";
  1582. 	var compress = getById('_inpUICompression').value;
  1583. 	if (getById('_cbHideLinks').checked) {
  1584. 		//Nuke the links at the bottom of the side panel
  1585. 		styles += '.waze-links { display: none; }';
  1586. 		//extend side panel to the bottom
  1587. 		if (getById('_cbShrinkTopBars').checked) {
  1588. 			styles += '.edit-area { height: calc(100% ' + ['- 30px','- 9px','+ 2px'][compress] + '); }';
  1589. 		} else {
  1590. 			styles += '.edit-area { height: calc(100% - 30px); }';
  1591. 		}
  1592. 		addStyle(prefix + fname,styles);
  1593. 	} else {
  1594. 		removeStyle(prefix + fname);
  1595. 	}
  1596. }
  1597.  
  1598. function disableKinetic() {
  1599. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1600. 	logit("function " + fname + " called", "debug");
  1601. 	if (getById('_cbDisableKinetic').checked) {
  1602. 		W.map.controls.find(control => control.dragPan).dragPan.kinetic = null;
  1603. 	} else {
  1604. 		W.map.controls.find(control => control.dragPan).dragPan.kinetic = kineticDragParams;
  1605. 	}
  1606. }
  1607.  
  1608. function disableScrollZoom() {
  1609. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1610. 	logit("function " + fname + " called", "debug");
  1611. 	var controller = null;
  1612. 	if (W.map.navigationControl) {
  1613. 		controller = W.map.navigationControl;
  1614. 	} else if (W.map.controls.find(control => control.CLASS_NAME == 'OpenLayers.Control.Navigation')) {
  1615. 		controller = W.map.controls.find(control => control.CLASS_NAME == 'OpenLayers.Control.Navigation');
  1616. 	} else {
  1617. 		logit('Cannot find zoom wheel controls - please alert iainhouse','error');
  1618. 	}
  1619. 	if (controller !== null) {
  1620. 		if (getById('_cbDisableScrollZoom').checked) {
  1621. 			controller.disableZoomWheel();
  1622. 		} else {
  1623. 			controller.enableZoomWheel();
  1624. 		}
  1625. 	}
  1626. }
  1627.  
  1628. function PSclicked(event) {
  1629. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1630. 	logit("function " + fname + " called", "debug");
  1631. 	if (event.ctrlKey) alert('CTRL');
  1632. 	if (W.selectionManager.getSelectedFeatures().length > 0) {
  1633. 		if (getById("user-info").style.display == "none") {
  1634. 			getById("user-info").style.display = "block";
  1635. 			getById("edit-panel").style.display = "none";
  1636. 		} else {
  1637. 			getById("user-info").style.display = "none";
  1638. 			getById("edit-panel").style.display = "block";
  1639. 		}
  1640. 	}
  1641. }
  1642.  
  1643. function PSicon() {
  1644. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1645. 	logit("function " + fname + " called", "debug");
  1646. 	if (W.selectionManager.getSelectedFeatures().length > 0) {
  1647. 		getById("WMEFUPS").style.color = "red";
  1648. 	} else {
  1649. 		getById("WMEFUPS").style.color = "lightgrey";
  1650. 	}
  1651. }
  1652.  
  1653. function PCclicked() {
  1654. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1655. 	logit("function " + fname + " called", "debug");
  1656. 	if (location.search.match("segments")) reselectItems('segments',true);
  1657. 	else if (location.search.match("venues")) reselectItems('venues',true);
  1658. 	else if (location.search.match("nodes")) reselectItems('nodes',false);
  1659. 	else if (location.search.match("mapComments")) reselectItems('mapComments',false);
  1660. 	else if (location.search.match("cameras")) reselectItems('cameras',false);
  1661. }
  1662.  
  1663. function reselectItems ( typeDesc, isArray) {
  1664. 	var parameter, IDArray, objectArray, i, object;
  1665. 	parameter = location.search.match(new RegExp("[?&]" + typeDesc + "?=([^&]*)"));
  1666. 	if (parameter) {
  1667. 		IDArray=parameter[1].split(',');
  1668. 		objectArray=[];
  1669. 		for (i=0;i<IDArray.length;i++) {
  1670. 			object=W.model[typeDesc].objects[IDArray[i]];
  1671. 			if (typeof object!='undefined') objectArray.push(object);
  1672. 		}
  1673. 		if (isArray) {
  1674. 			W.selectionManager.setSelectedModels(objectArray);
  1675. 		} else {
  1676. 			W.selectionManager.setSelectedModels(objectArray[0]);
  1677. 		}
  1678. 	}
  1679. }
  1680.  
  1681. function createDSASection() {
  1682. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1683. 	logit("function " + fname + " called", "debug");
  1684. 	var settingsDiv = document.querySelector("#sidepanel-prefs > div > div > form");
  1685. 	if (!settingsDiv) {
  1686. 		logit("WME Settings div not there yet - looping...","warning");
  1687. 		setTimeout(createDSASection,500);
  1688. 		return;
  1689. 	}
  1690. 	if (localStorage.dontShowAgain) {
  1691. 		var dontShowAgain = JSON.parse(localStorage.dontShowAgain);
  1692. 		var DSGroup = document.createElement('div');
  1693. 		DSGroup.classList = "form-group";
  1694. 		var DSLabel = document.createElement('label');
  1695. 		DSLabel.classList = "control-label";
  1696. 		DSLabel.innerHTML = "Disabled WME warnings";
  1697. 		DSLabel.title = "This section will not update if you disable a warning\n";
  1698. 		DSLabel.title += "from a WME pop-up. Re-load the page if you need\n";
  1699. 		DSLabel.title += "to re-enable a warning you have just disabled.\n\n";
  1700. 		DSLabel.title += "SECTION ADDED BY WME Fix UI.";
  1701. 		DSGroup.appendChild(DSLabel);
  1702. 		DSGroup.appendChild(document.createElement('br'));
  1703. 		var DSCC = document.createElement('div');
  1704. 		DSCC.classList = "controls-container";
  1705. 		var DSInput;
  1706. 		for (var property in dontShowAgain) {
  1707. 			DSInput = document.createElement('input');
  1708. 			DSInput.type = "checkbox";
  1709. 			DSInput.id = "WMEFUDScb_" + property.toString();
  1710. 			DSInput.setAttribute("orig", property.toString());
  1711. 			DSInput.checked = dontShowAgain[property];
  1712. 			DSLabel = document.createElement('label');
  1713. 			DSLabel.setAttribute("for", DSInput.id);
  1714. 			DSLabel.innerText = property.toString();
  1715. 			DSCC.appendChild(DSInput);
  1716. 			DSCC.appendChild(DSLabel);
  1717. 			DSCC.appendChild(document.createElement('br'));
  1718. 			DSInput.onclick = DSIclicked;
  1719. 		}
  1720. 		DSGroup.appendChild(DSCC);
  1721. 		settingsDiv.appendChild(DSGroup);
  1722. 	}
  1723. }
  1724.  
  1725. function DSIclicked (e) {
  1726. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1727. 	logit("function " + fname + " called", "debug");
  1728. 	var DSA = JSON.parse(localStorage.dontShowAgain);
  1729. 	DSA[e.target.getAttribute("orig")] = e.target.checked;
  1730. 	localStorage.dontShowAgain = JSON.stringify(DSA);
  1731. }
  1732.  
  1733. function disableSaveBlocker() {
  1734. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1735. 	logit("function " + fname + " called", "debug");
  1736. 	var styles = "";
  1737. 	if (getById('_cbDisableSaveBlocker').checked) {
  1738. 		styles += '#popup-overlay { display: none !important; }';
  1739. 		addStyle(prefix + fname,styles);
  1740. 	} else {
  1741. 		removeStyle(prefix + fname);
  1742. 	}
  1743. }
  1744.  
  1745. function colourBlindTurns() {
  1746. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1747. 	logit("function " + fname + " called", "debug");
  1748. 	var styles = "";
  1749. 	if (getById('_cbColourBlindTurns').checked) {
  1750. 		styles += '.turn-arrow-state-open { filter: hue-rotate(90deg); }';
  1751. 		addStyle(prefix + fname,styles);
  1752. 	} else {
  1753. 		removeStyle(prefix + fname);
  1754. 	}
  1755. }
  1756.  
  1757. function hideMenuLabels() {
  1758. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1759. 	logit("function " + fname + " called", "debug");
  1760. 	var styles = "";
  1761. 	if (getById('_cbHideMenuLabels').checked) {
  1762. 		styles += '.toolbar .group-title { width: 0; overflow: hidden; }';
  1763. 		styles += '.toolbar .toolbar-button.toolbar-button-with-label.toolbar-button-with-icon .menu-title { width: 0; overflow: hidden; }';
  1764. 		addStyle(prefix + fname,styles);
  1765. 	} else {
  1766. 		removeStyle(prefix + fname);
  1767. 	}
  1768. }
  1769.  
  1770. function unfloatButtons() {
  1771. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1772. 	logit("function " + fname + " called", "debug");
  1773. 	layersButton = getByClass('layers-switcher-region')[0];
  1774. 	refreshButton = getByClass('reload-button-region')[0];
  1775. 	shareButton  = getByClass('share-location-button-region')[0];
  1776. 	if (getById('_cbUnfloatButtons').checked) {
  1777. 		unfloat();
  1778. 		//restore mouseover opening for layers menu
  1779. 		layersButton.onmouseover = unfloat_showmenu;
  1780. 		// getByClass('waze-icon-save')[0].onmouseover = unfloat_hidemenu;
  1781. 		// getById('user-box-or-login-button-region').onmouseover = unfloat_hidemenu;
  1782. 		document.body.onmouseleave = unfloat_hidemenu;
  1783. 		//extra needed because layers no longer autohides
  1784. 		getById('layer-switcher-region').onmouseleave = unfloat_hidemenu;
  1785. 		//move layers menu div so it doesn't get moved by GSV
  1786. 		insertNodeBeforeNode(getById('layer-switcher-region'),getById('waze-map-container'));
  1787. 		var styles = '';
  1788. 		styles += '.layer-switcher .menu { z-index: 4; }';
  1789. 		styles += '.layer-switcher .menu > .title .w-icon-x { display: none }';
  1790. 		addStyle(prefix + fname,styles);
  1791. 		getById('WMEFUPIN').style.display = 'inherit';
  1792. 		//hacks for other scripts
  1793. 		if (getById('Info_div')) {
  1794. 			getByClass('bottom overlay-buttons-container')[0].appendChild(getById('Info_div'));
  1795. 			getById('Info_div').style.marginTop = '8px';
  1796. 		}
  1797. 		if (getById('BeenHere')) getById('BeenHere').style.top = '310px';
  1798. 		//temporary hack for new button arrangements Map Nav Historic
  1799. 		if (getById('prevIcon')) insertNodeBeforeNode(getById('prevIcon').parentNode,getById('nextIcon').parentNode);
  1800. 		if ( wmeFUinitialising) setTimeout(unfloat,5000);
  1801. 	} else {
  1802. 		if (!wmeFUinitialising) {
  1803. 			float();
  1804. 			layersButton.onmouseover = null;
  1805. 			// getByClass('waze-icon-save')[0].onmouseover = null;
  1806. 			// getById('user-box-region').onmouseover = null;
  1807. 			document.body.onmouseleave = null;
  1808. 			getById('layer-switcher-region').onmouseleave = null;
  1809. 			removeStyle(prefix + fname);
  1810. 			getById('WMEFUPIN').style.display = 'none';
  1811. 			getById('layer-switcher-pinned-input').checked = false;
  1812. 			unfloat_hidemenu();
  1813. 			pinLayers();
  1814. 			if (getById('Info_div')) {
  1815. 				getByClass('overlay-buttons-container top')[0].appendChild(getById('Info_div'));
  1816. 				getById('Info_div').style.marginTop = '';
  1817. 			}
  1818. 			if (getById('BeenHere')) getById('BeenHere').style.top = '280px';
  1819. 		}
  1820. 	}
  1821. }
  1822.  
  1823. function unfloat_showmenu () {
  1824. 	getByClass('menu',getById('layer-switcher-region'))[0].classList.remove('hide-layer-switcher');
  1825. }
  1826.  
  1827. function unfloat_hidemenu () {
  1828. 	//This fails in Beta - the pin no longer exists
  1829. 	if (getById('layer-switcher-pinned-input').checked == false) {
  1830. 	getByClass('menu',getById('layer-switcher-region'))[0].classList.add('hide-layer-switcher');
  1831. 	}
  1832. }
  1833.  
  1834. function unfloat () {
  1835. 	getByClass('waze-icon-save')[0].onmouseover = unfloat_hidemenu;
  1836. 	if (getById('user-toolbar') !== null) {
  1837. 		getById('user-toolbar').onmouseover = unfloat_hidemenu;
  1838. 	} else if (getById('user-box-region') !== null) {
  1839. 		getById('user-box-region').onmouseover = unfloat_hidemenu;
  1840. 	} else logit('Problem with User box ID','error');
  1841. 	insertNodeAfterNode(layersButton,getById('save-button'));
  1842. 	layersButton.classList.add('toolbar-button');
  1843. 	layersButton.firstChild.classList.add('item-container');
  1844. 	layersButton.firstChild.firstChild.classList.add('item-icon','w-icon','w-icon-layers');
  1845. 	layersButton.firstChild.firstChild.classList.remove('overlay-button');
  1846. 	layersButton.firstChild.firstChild.firstElementChild.classList.remove('w-icon','w-icon-layers');
  1847. 	insertNodeBeforeNode(refreshButton,getById('undo-button'));
  1848. 	refreshButton.classList.add('toolbar-button');
  1849. 	refreshButton.firstChild.classList.add('item-container');
  1850. 	refreshButton.firstChild.firstChild.classList.add('item-icon','w-icon','w-icon-refresh');
  1851. 	refreshButton.firstChild.firstChild.classList.remove('overlay-button');
  1852. 	refreshButton.firstChild.firstChild.firstElementChild.classList.remove('w-icon','w-icon-refresh');
  1853. 	var styles = '';
  1854. 	styles += '#edit-buttons .overlay-button-disabled { opacity: 0.5; cursor: not-allowed; }';
  1855. 	styles += '#tippy-1 { top: -170px !important; }';
  1856. 	styles += '.share-location-button-region { display: inline-block; }';
  1857. 	styles += 'div.WazeControlPermalink > div > div > div { width: 26px; height: 22px; padding: 1px; }';
  1858. 	styles += 'div.share-location-button-region > div > div > i { line-height: 18px; }';
  1859. 	styles += 'a.w-icon.w-icon-link { line-height:17px; font-size: 20px; }';
  1860. 	addStyle(prefix + 'unfloatButtons2',styles);
  1861. 	insertNodeAfterNode(shareButton,getByClass('livemap-link')[0]);
  1862. 	if (shareButton.firstChild.firstChild.innerHTML != '<i class="w-icon w-icon-link"></i>') {
  1863. 		if (wmeFUinitialising) logit("Share button link has changed. Please let iainhouse know!","error");
  1864. 	} else {
  1865. 		shareButton.firstChild.firstChild.innerHTML = '<a class="w-icon w-icon-link"></a>';
  1866. 	}
  1867. }
  1868.  
  1869. function float () {
  1870. 	getByClass('overlay-buttons-container top')[0].appendChild(layersButton);
  1871. 	layersButton.classList.remove('toolbar-button');
  1872. 	layersButton.firstChild.classList.remove('item-container');
  1873. 	layersButton.firstChild.firstChild.classList.remove('item-icon','w-icon','w-icon-layers');
  1874. 	layersButton.firstChild.firstChild.classList.add('overlay-button');
  1875. 	layersButton.firstChild.firstChild.firstElementChild.classList.add('w-icon','w-icon-layers');
  1876. 	getByClass('overlay-buttons-container top')[0].appendChild(refreshButton);
  1877. 	refreshButton.classList.remove('toolbar-button');
  1878. 	refreshButton.firstChild.classList.remove('item-container');
  1879. 	refreshButton.firstChild.firstChild.classList.remove('item-icon','w-icon','w-icon-refresh');
  1880. 	refreshButton.firstChild.firstChild.classList.add('overlay-button');
  1881. 	refreshButton.firstChild.firstChild.firstElementChild.classList.add('w-icon','w-icon-refresh');
  1882. 	getByClass('overlay-buttons-container top')[0].appendChild(shareButton);
  1883. 	shareButton.firstChild.firstChild.innerHTML = '<i class="w-icon w-icon-link"></i>';
  1884. 	removeStyle(prefix + 'unfloatButtons2');
  1885. }
  1886.  
  1887. function pinLayers () {
  1888. 	if (getById('layer-switcher-pinned-input').checked) {
  1889. 		getById('WMEFUPIN').style.opacity = '1';
  1890. 	} else {
  1891. 		getById('WMEFUPIN').style.opacity = '0.2';
  1892. 	}
  1893. }
  1894.  
  1895. function hackGSVHandle () {
  1896. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1897. 	logit("function " + fname + " called", "debug");
  1898. 	var styles = "";
  1899. 	if (getById('_cbHackGSVHandle').checked) {
  1900. 		styles += '#editor-container #map.street-view-mode #street-view-drag-handle { height: 29px; background: lightgrey; font-size: 24px; border-radius: 8px; text-align: center; padding-top: 2px; border: 1px black solid; }';
  1901. 		addStyle(prefix + fname,styles);
  1902. 		getById('street-view-drag-handle').classList.add('w-icon','w-icon-round-trip');
  1903. 		getById('street-view-drag-handle').title = 'Double-click to reset\ndefault width.';
  1904. 	} else {
  1905. 		removeStyle(prefix + fname);
  1906. 		getById('street-view-drag-handle').removeAttribute('class');
  1907. 		getById('street-view-drag-handle').removeAttribute('title');
  1908. 	}
  1909. }
  1910.  
  1911. function enlargeGeoNodes () {
  1912. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1913. 	logit("function " + fname + " called", "debug");
  1914. 	removeStyle(prefix + fname);
  1915. 	var styles = "";
  1916. 	if (getById('_inpEnlargeGeoNodes').value < 6) getById('_inpEnlargeGeoNodes').value = 6;
  1917. 	if (getById('_cbEnlargeGeoNodes').checked) {
  1918. 		styles += '#' + W.map.getLayersByName('sketch')[0].id + '_vroot [id^="OpenLayers_Geometry_Point_"][fill-opacity="1"] { r: ' + getById('_inpEnlargeGeoNodes').value + '; }';
  1919. 		styles += '#' + W.map.getLayerByUniqueName('venues').id + '_vroot [id^="OpenLayers_Geometry_Point_"][fill-opacity="1"] { r: ' + getById('_inpEnlargeGeoNodes').value + '; }';
  1920. 		addStyle(prefix + fname,styles);
  1921. 	}
  1922. }
  1923.  
  1924. function enlargeGeoHandles () {
  1925. 	var fname = arguments.callee.toString().match(/function ([^(]+)/)[1];
  1926. 	logit("function " + fname + " called", "debug");
  1927. 	removeStyle(prefix + fname);
  1928. 	var styles = "";
  1929. 	if (getById('_inpEnlargeGeoHandles').value < 4) getById('_inpEnlargeGeoHandles').value = 4;
  1930. 	if (getById('_cbEnlargeGeoHandlesFU').checked) {
  1931. 		styles += '#' + W.map.getLayersByName('sketch')[0].id + '_vroot [id^="OpenLayers_Geometry_Point_"][fill-opacity="0.6"] { r: ' + getById('_inpEnlargeGeoHandles').value + '; }';
  1932. 		styles += '#' + W.map.getLayerByUniqueName('venues').id + '_vroot [id^="OpenLayers_Geometry_Point_"][fill-opacity="0.6"] { r: ' + getById('_inpEnlargeGeoHandles').value + '; }';
  1933. 		addStyle(prefix + fname,styles);
  1934. 	}
  1935. }
  1936.  
  1937. function liveUserAdded(u) {
  1938. 	var usrRank = u.attributes.rank;
  1939. 	if (usrRank == null) {
  1940. 		window.setTimeout(function() {
  1941. 			liveUserAdded(u);
  1942. 		}, 500);
  1943. 		logit("User not loaded yet. Wait and try later...","info");
  1944. 		return;
  1945. 	} else {
  1946. 		usrRank++;
  1947. 	}
  1948. 	var nameMarker = document.createElement("div");
  1949. 	nameMarker.className = "tooltip fade top in";
  1950. 	nameMarker.style.top = "-19px";
  1951. 	nameMarker.style.backgroundColor = "black";
  1952. 	nameMarker.style.color = "white";
  1953. 	nameMarker.style.borderRadius = "5px";
  1954. 	nameMarker.style.padding = "0px";
  1955. 	nameMarker.style.zIndex = 3;
  1956. 	nameMarker.style.pointerEvents = "none";
  1957. 	nameMarker.innerHTML = u.attributes.name.replace(/-/gi, "&#x2011;") + "&nbsp;(" + usrRank + ')<div style="top: 17px;" class="tooltip-arrow"></div>';
  1958. 	var marker = W.map.getLayerByUniqueName("live_users").markers.find(function(e) {
  1959. 		return e.model.attributes.name == u.attributes.name;
  1960. 	});
  1961. 	if (typeof marker != "undefined") {
  1962. 		marker.icon.$div[0].appendChild(nameMarker);
  1963. 		marker.icon.$div[0].onmouseover = mouseOverLiveUser;
  1964. 		// var d = new Date;
  1965. 		// if (d.getDate() == 1 && d.getMonth() == 3) {
  1966. 		// 	marker.icon.$div.css("background-image", 'url("data:image/png;base64,' + specialEventIcon + '")');
  1967. 		// }
  1968. 	}
  1969. 	nameMarker.style.left = parseInt(u._events.moved[0].ctx.icon.$div[0].offsetWidth / 2 - nameMarker.offsetWidth / 2) + "px";
  1970. }
  1971.  
  1972. function mouseOverLiveUser() {
  1973. 	var n = this.nextElementSibling;
  1974. 	if (n.className == "tooltip fade top in") {
  1975. 		n.style.display = "none";
  1976. 	}
  1977. }
  1978.  
  1979. function addGlobalStyle(css) {
  1980. 	var head, style;
  1981. 	head = document.getElementsByTagName('head')[0];
  1982. 	if (!head) {
  1983. 		return;
  1984. 	}
  1985. 	style = document.createElement('style');
  1986. 	style.type = 'text/css';
  1987. 	style.innerHTML = css;
  1988. 	head.appendChild(style);
  1989. }
  1990.  
  1991. function addStyle(ID, css) {
  1992. 	var head, style;
  1993. 	head = document.getElementsByTagName('head')[0];
  1994. 	if (!head) {
  1995. 		return;
  1996. 	}
  1997. 	removeStyle(ID); // in case it is already there
  1998. 	style = document.createElement('style');
  1999. 	style.type = 'text/css';
  2000. 	style.innerHTML = css;
  2001. 	style.id = ID;
  2002. 	head.appendChild(style);
  2003. }
  2004.  
  2005. function removeStyle(ID) {
  2006. 	var style = document.getElementById(ID);
  2007. 	if (style) { style.parentNode.removeChild(style); }
  2008. }
  2009.  
  2010. function getByClass(classname, node) {
  2011. 	if(!node) { node = document.getElementsByTagName("body")[0]; }
  2012. 	return node.getElementsByClassName(classname);
  2013. 	// var a = [];
  2014. 	// var re = new RegExp('\\b' + classname + '\\b');
  2015. 	// var els = node.getElementsByTagName("*");
  2016. 	// for (var i=0,j=els.length; i<j; i++) {
  2017. 	// 	if (re.test(els[i].className)) { a.push(els[i]); }
  2018. 	// }
  2019. 	// return a;
  2020. }
  2021.  
  2022. function getById(node) {
  2023. 	return document.getElementById(node);
  2024. }
  2025.  
  2026. function insertNodeBeforeNode (insertNode, beforeNode) {
  2027. 	beforeNode.parentNode.insertBefore(insertNode,beforeNode);
  2028. }
  2029.  
  2030. function insertNodeAfterNode (insertNode, afterNode) {
  2031. 	insertNodeBeforeNode (insertNode, afterNode);
  2032. 	insertNodeBeforeNode (afterNode,insertNode);
  2033. }
  2034.  
  2035. function ChromeWarning () {
  2036. 	var m = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);
  2037. 	var CV = ( m ? parseInt(m[2], 10) : false);
  2038. 	if (CV) {
  2039. 		if (CV <62) {
  2040. 			return '\nWARNING: OUTDATED CHROME VERSION ' + CV + ' DETECTED.\nSettings saving may not work properly and update notice\nwill probably appear every time WME FixUI runs.\n';
  2041. 		} else {
  2042. 			return '';
  2043. 		}
  2044. 	} else {
  2045. 		return '';
  2046. 	}
  2047. }
  2048.  
  2049. function logit(msg, typ) {
  2050. 	if (!typ) {
  2051. 		console.log(prefix + ": " + msg);
  2052. 	} else {
  2053. 		switch(typ) {
  2054. 			case "error":
  2055. 				console.error(prefix + ": " + msg);
  2056. 				break;
  2057. 			case "warning":
  2058. 				console.warn(prefix + ": " + msg);
  2059. 				break;
  2060. 			case "info":
  2061. 				console.info(prefix + ": " + msg);
  2062. 				break;
  2063. 			case "debug":
  2064. 				if (debug) {
  2065. 					console.warn(prefix + ": " + msg);
  2066. 				}
  2067. 				break;
  2068. 			default:
  2069. 				console.log(prefix + " unknown message type: " + msg);
  2070. 				break;
  2071. 		}
  2072. 	}
  2073. }
  2074.  
  2075. // eslint-disable-next-line no-unused-vars
  2076. function versionGreaterThan(major, minor) {
  2077. 	var v = W.version.substring(1).replace("-",".").split(".");
  2078. 	if (v[0] > major) return true;
  2079. 	if (v[1] > minor) return true;
  2080. 	return false;
  2081. }
  2082.  
  2083. // Start it running
  2084. setTimeout(init1, 200);
  2085. })();