☰

WME Fix UI

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

当前为 2019-09-30 提交的版本，查看 最新版本。

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