☰

WME Fix UI

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

当前为 2016-11-21 提交的版本，查看 最新版本。

  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://editor-beta.waze.com/*
  7. // @include             https://beta.waze.com/*
  8. // @exclude             https://www.waze.com/*user/editor/*
  9. // @supportURL          https://www.waze.com/forum/viewtopic.php?f=819&t=191178
  10. // @version             1.5.3
  11. // @grant               none
  12. // ==/UserScript==
  13.  
  14. // Thanks to (in no particular order)
  15. //    Bellhouse, Twister-UK, Timbones, Dave2084, Rickzabel, Glodenox,
  16. //    JJohnston84, SAR85, Cardyin
  17.  
  18. (function()
  19. {
  20. // global variables
  21. var wmefu_version = "1.5.3";
  22. var prefix = "WMEFU";
  23. var tabAttempts = 0;
  24. var wmeFUAddon;
  25. var debug = false;
  26. var wmeFUinitialising = true;
  27. var ASCBox;
  28. //Fix for date/time formats in WME released Oct/Nov 2016 - provided by Glodenox
  29. I18n.translations[I18n.currentLocale()].time = {};
  30. I18n.translations[I18n.currentLocale()].time.formats = {};
  31. I18n.translations[I18n.currentLocale()].time.formats.long = "%a %b %d %Y, %H:%M";
  32. I18n.translations[I18n.currentLocale()].date.formats = {};
  33. I18n.translations[I18n.currentLocale()].date.formats.long = "%a %b %d %Y, %H:%M";
  34. I18n.translations[I18n.currentLocale()].date.formats.default = "%a %b %d %Y";
  35.  
  36. function init1() {
  37. 	console.group(prefix + ": initialising...");
  38. 	console.time(prefix + ": initialisation time");
  39. 	logit("Starting init1","debug");
  40. 	// go round again if map container isn't there yet
  41. 	if(!window.Waze.map) {
  42. 		logit("waiting for WME...","warning");
  43. 		setTimeout(init1, 200);
  44. 		return;
  45. 	}
  46. 	// create tab content and store it
  47. 	wmeFUAddon = createAddon();
  48. 	// insert the content as a tab
  49. 	addMyTab(null,0);
  50. 	//pass control to init2
  51. 	init2();
  52. }
  53.  
  54. function init2() {
  55. 	logit("Starting init2","debug");
  56. 	//go round again if my tab isn't there yet
  57. 	if (!getId('sidepanel-FixUI')) {
  58. 		logit("Waiting for my tab to appear...","warning");
  59. 		setTimeout(init2, 200);
  60. 		return;
  61. 	}
  62. 	// setup event handlers for user actions:
  63. 	getId('_cbMoveZoomBar').onclick = moveZoomBar;
  64. 	getId('_cbShrinkTopBars').onclick = shrinkTopBars;
  65. 	getId('_cbHideUserInfo').onclick = hideUserInfo;
  66. 	getId('_cbCompressSegmentTab').onclick = compressSegmentTab;
  67. 	getId('_cbRestyleReports').onclick = restyleReports;
  68. 	getId('_cbDisableMapBlocker').onclick = disableMapBlocker;
  69. 	getId('_cbNarrowSidePanel').onclick = narrowSidePanel;
  70. 	getId('_cbHideAveSpeedControls').onclick = hideAveSpeedControls;
  71. 	getId('_cbAddZoomIndicator').onclick = addZoomIndicator;
  72. 	getId('_cbFixExternalProviders').onclick = fixExternalProviders;
  73.  
  74. 	// set event to recreate my tab when MTE mode is exited
  75. 	Waze.app.modeController.model.bind('change:mode', addMyTab);
  76. 	// events for Aerial Shifter
  77. 	Waze.map.events.register("zoomend", null, shiftAerials);
  78. 	Waze.map.events.register("moveend", null, shiftAerials);
  79. 	Waze.map.baseLayer.events.register("loadend", null, shiftAerials);
  80. 	getId("_inpASX").onchange = shiftAerials;
  81. 	getId("_inpASX").onwheel = shiftAerials;
  82. 	getId("_inpASY").onchange = shiftAerials;
  83. 	getId("_inpASY").onwheel = shiftAerials;
  84. 	getId("_inpASO").onchange = shiftAerials;
  85. 	getId("_inpASO").onwheel = shiftAerials;
  86. 	getId("_resetAS").onclick = function() {
  87. 		 _inpASX.value = 0;
  88. 		 _inpASY.value = 0;
  89. 		 shiftAerials();
  90. 		};
  91. 	// set event to deal with ASC controls
  92. 	Waze.selectionManager.events.register("selectionchanged", null, hideAveSpeedControls);
  93.  
  94. 	// restore saved settings
  95. 	if (localStorage.WMEFixUI) {
  96. 		logit("loading options from local storage");
  97. 		options = JSON.parse(localStorage.WMEFixUI);
  98. 		getId('_cbMoveZoomBar').checked = options[1];
  99. 		getId('_cbShrinkTopBars').checked = options[2];
  100. 		getId('_cbHideUserInfo').checked = options[3];
  101. 		getId('_cbCompressSegmentTab').checked = options[4];
  102. 		getId('_cbRestyleReports').checked = options[5];
  103. 		getId('_cbDisableMapBlocker').checked = options[6];
  104. 		getId('_cbNarrowSidePanel').checked = options[7];
  105. 		getId('_cbHideAveSpeedControls').checked = options[8];
  106. 		getId('_cbAddZoomIndicator').checked = options[9];
  107. 		if (typeof(options[10]) === "undefined") {
  108. 			//define sensible values for AS if none are stored
  109. 			logit("setting new AS values","debug");
  110. 			options[10] = 0;
  111. 			options[11] = 0;
  112. 			options[12] = 100;
  113. 		}
  114. 		getId('_inpASX').value = options[10];
  115. 		getId('_inpASY').value = options[11];
  116. 		getId('_inpASO').value = options[12];
  117. 		getId('_cbFixExternalProviders').checked = options[13];
  118. 	} else {
  119. 		// default values for first installation
  120. 		logit("no options in local storage - setting defaults");
  121. 		getId('_cbMoveZoomBar').checked = true;
  122. 		getId('_cbShrinkTopBars').checked = true;
  123. 		getId('_cbHideUserInfo').checked = true;
  124. 		getId('_cbCompressSegmentTab').checked = true;
  125. 		getId('_cbRestyleReports').checked = true;
  126. 		getId('_cbDisableMapBlocker').checked = false;
  127. 		getId('_cbNarrowSidePanel').checked = false;
  128. 		getId('_cbHideAveSpeedControls').checked = false;
  129. 		getId('_cbAddZoomIndicator').checked = true;
  130. 		getId('_inpASX').value = 0;
  131. 		getId('_inpASY').value = 0;
  132. 		getId('_inpASO').value = 100;
  133. 		getId('_cbFixExternalProviders').checked = true;
  134. 	}
  135. 	// Adds an extra checkbox so I can test segment panel changes easily
  136. 	if (Waze.loginManager.user.userName == 'iainhouse') {
  137. 		logit("creating segment detail debug checkbox","info");
  138. 		var brand = getId('brand');
  139. 		extraCBSection = document.createElement('p');
  140. 		extraCBSection.innerHTML = '<input type="checkbox" id="_cbextraCBSection" />';
  141. 		brand.appendChild(extraCBSection);
  142. 		getId('_cbextraCBSection').onclick = FALSEcompressSegmentTab;
  143. 		_cbextraCBSection.checked = _cbCompressSegmentTab.checked;
  144. 	}
  145. 	// overload the WME exit function to save my settings
  146. 	saveOptions = function() {
  147. 		if (localStorage) {
  148. 			logit("saving options to local storage");
  149. 			var options = [];
  150. 			// preserve previous options which may get lost after logout
  151. 			if (localStorage.WMEFixUI) { options = JSON.parse(localStorage.WMEFixUI); }
  152. 			options[1] = getId('_cbMoveZoomBar').checked;
  153. 			options[2] = getId('_cbShrinkTopBars').checked;
  154. 			options[3] = getId('_cbHideUserInfo').checked;
  155. 			options[4] = getId('_cbCompressSegmentTab').checked;
  156. 			options[5] = getId('_cbRestyleReports').checked;
  157. 			options[6] = getId('_cbDisableMapBlocker').checked;
  158. 			options[7] = getId('_cbNarrowSidePanel').checked;
  159. 			options[8] = getId('_cbHideAveSpeedControls').checked;
  160. 			options[9] = getId('_cbAddZoomIndicator').checked;
  161. 			options[10] = getId('_inpASX').value;
  162. 			options[11] = getId('_inpASY').value;
  163. 			options[12] = getId('_inpASO').value;
  164. 			options[13] = getId('_cbFixExternalProviders').checked;
  165. 			localStorage.WMEFixUI = JSON.stringify(options);
  166. 		}
  167. 	};
  168. 	window.addEventListener("beforeunload", saveOptions, false);
  169.  
  170. 	// apply the settings
  171. 	shiftAerials();
  172. 	setTimeout(applyAllSettings, 2000);
  173. 	logit("Initialisation complete");
  174. 	console.timeEnd(prefix + ": initialisation time");
  175. 	console.groupEnd();
  176. }
  177.  
  178. function createAddon() {
  179. 	//create the contents of my side-panel tab
  180. 	var addon = document.createElement('section');
  181. 	var section = document.createElement('p');
  182. 	addon.id = "sidepanel-FixUI";
  183. 	section.style.paddingTop = "0px";
  184. 	section.id = "fuContent";
  185. 	section.innerHTML  = '<b>UI Fixes</b><br>';
  186. 	section.innerHTML += '<input type="checkbox" id="_cbMoveZoomBar" /> ' +
  187. 			'<span title="Because nobody likes a pointless UI change that breaks your workflow, imposed by idiots who rarely use the editor and don\'t listen to feedback">Move zoom bar to left <sup>*</sup></span><br>';
  188. 	section.innerHTML += '<input type="checkbox" id="_cbAddZoomIndicator" /> ' +
  189. 			'<span title="Yes - I stole the idea from WME Toolbox. But mine is clearer and takes up no extra room ;)">Add zoom level indicator to zoom bar</span><br>';
  190. 	section.innerHTML += '<input type="checkbox" id="_cbHideUserInfo" /> ' +
  191. 			'<span title="Because we can earn points quicker without a massive chunk of space wasted on telling us how many we earnt up to yesterday">Hide user info in the side panel</span><br>';
  192. 	section.innerHTML += '<input type="checkbox" id="_cbShrinkTopBars" /> ' +
  193. 			'<span title="Because we can\'t afford to waste screen space, particularly on stuff we didn\'t ask for and don\'t want, like the black bar">Shrink bars above the map</span><br>';
  194. 	section.innerHTML += '<input type="checkbox" id="_cbCompressSegmentTab" /> ' +
  195. 			'<span title="Because I\'m sick of having to scroll the side panel because of oversized fonts and wasted space">Compress the contents of the side panel</span><br>';
  196. 	section.innerHTML += '<input type="checkbox" id="_cbRestyleReports" /> ' +
  197. 			'<span title="Another UI element configured for developers with massive screens instead of normal users">Change formatting for report panels (UR/MP)</span><br>';
  198. 	section.innerHTML += '<input type="checkbox" id="_cbDisableMapBlocker" /> ' +
  199. 			'<span title="As if the crappy interface wasn\'t making life hard enough, now they force us to wait for an arbitrary time after every save!">Disable map blocking during/after saving.</span><span title="Use at your own risk. We don\'t know why it\'s there. Maybe there\'s a good reason but Waze can\'t be arsed to tell us what it is." style="font-size: 16px; color: red;">&#9888</span><br>';
  200. 	section.innerHTML += '<input type="checkbox" id="_cbNarrowSidePanel" /> ' +
  201. 			'<span title="If you have a netbook, Waze isn\'t interested in your experience. You 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>';
  202. 	section.innerHTML += '<input type="checkbox" id="_cbHideAveSpeedControls" /> ' +
  203. 			'<span title="If you don\'t have these in your country, YOU\'RE LUCKY! But don\'t forget you\'ve disabled this - they\'ll be coming soon!">Hide average speed camera controls</span><br>';
  204. 	section.innerHTML += '<input type="checkbox" id="_cbFixExternalProviders" /> ' +
  205. 			'<span title="The External Providers interface is really poor - you can rarely see all the details in the box provided and the other elements are poorly arranged. This fixes all that.">Expand & improve External Provider details for places</span><br>';
  206. 	section.innerHTML += '<br>';
  207. 	var tbHackStr = '<sup>* If you have WME Toolbox installed, make sure the setting "Move zoom control to left" is ';
  208. 	if (document.body.dir != "rtl") {
  209. 		tbHackStr += 'OFF';
  210. 	} else {
  211. 		tbHackStr += 'ON';
  212. 	}
  213. 	tbHackStr += '.</sup><br>';
  214. 	section.innerHTML += tbHackStr;
  215. 	section.innerHTML += '<br>';
  216. 	section.innerHTML += '<b title="Shift aerial images layer to match GPS tracks and reduce image opacity">Aerial Shifter</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
  217. 	section.innerHTML += '<span class="fa fa-power-off" id="_resetAS" title="Clear X/Y offsets"></span><br>';
  218.  
  219. 	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:47px;text-align:right;"/><b>m</b><span class="fa fa-arrow-right"></span></div>';
  220. 	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:47px;text-align:right;"/><b>m</b><span class="fa fa-arrow-up"></span></div>';
  221. 	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:44px;text-align:right;"/><b>%</b><span class="fa fa-adjust"></span></div>';
  222. 	section.innerHTML += '<br>';
  223. 	section.innerHTML += '<br>';
  224. 	section.innerHTML += '<b><a href="https://www.waze.com/forum/viewtopic.php?f=819&t=191178" title="Forum topic" target="_blank"><u>' +
  225. 			'WME Fix UI</u></a></b> &nbsp; v' + wmefu_version;
  226. 	addon.appendChild(section);
  227. 	addon.className = "tab-pane";
  228. 	return addon;
  229. }
  230.  
  231. function addMyTab(model,modeID) {
  232. 	if (modeID === 0) {
  233. 		logit("entering default mode, so creating tab");
  234. 		tabAttempts = 0;
  235. 		tabsLooper();
  236. 	} else {
  237. 		logit("entering event mode, so not initialising");
  238. 		return;
  239. 	}
  240. }
  241.  
  242. function tabsLooper() {
  243. 	tabAttempts += 1;
  244. 	if (tabAttempts > 20) {
  245. 		// tried 20 times to create tab without luck
  246. 		logit("unable to create my tab after 20 attempts","error");
  247. 		return;
  248. 	}
  249. 	var userTabs = getId('user-info');
  250. 	var navTabs = getElementsByClassName('nav-tabs', userTabs)[0];
  251. 	if (typeof navTabs === "undefined") {
  252. 		//the basic tabs aren't there yet, so I can't add mine
  253. 		logit("waiting for NavTabs","warning");
  254. 		setTimeout(tabsLooper, 200);
  255. 	} else{
  256. 		var tabContent = getElementsByClassName('tab-content', userTabs)[0];
  257. 		newtab = document.createElement('li');
  258. 		newtab.innerHTML = '<a href="#sidepanel-FixUI" data-toggle="tab" title="Fix UI">FU</a>';
  259. 		navTabs.appendChild(newtab);
  260. 		tabContent.appendChild(wmeFUAddon);
  261. 	}
  262. }
  263.  
  264. function applyAllSettings() {
  265. 	var fname = arguments.callee.toString().match(/function ([^\(]+)/)[1];
  266. 	logit("function " + fname + " called", "debug");
  267. 	console.group(prefix + ": applying all settings");
  268. 		moveZoomBar();
  269. 		shrinkTopBars();
  270. 		hideUserInfo();
  271. 		compressSegmentTab();
  272. 		restyleReports();
  273. 		disableMapBlocker();
  274. 		narrowSidePanel();
  275. 		hideAveSpeedControls();
  276. 		fixExternalProviders();
  277. 		addZoomIndicator();
  278. 	console.groupEnd();
  279. 	wmeFUinitialising = false;
  280. }
  281.  
  282. function moveZoomBar() {
  283. 	var fname = arguments.callee.toString().match(/function ([^\(]+)/)[1];
  284. 	logit("function " + fname + " called", "debug");
  285. 	var reportPanel = getId('panel-container');
  286. 	
  287. 	reportPanel.style.position = "absolute";
  288. 	if (_cbMoveZoomBar.checked) {
  289. 		addGlobalStyle('.olControlPanZoomBar { left: 10px; width: 30px; right: inherit; }');
  290. 		addGlobalStyle('#WMETB_ZoomLevelIndicator { left: 43px !important; right: inherit !important; }');
  291. 		if (document.body.dir != "rtl") {
  292. 			addGlobalStyle('.panel { left: 40px; }');
  293. 		} else {
  294. 			addGlobalStyle('.panel { right: inherit; }');
  295. 		}
  296. 	} else {
  297. 		addGlobalStyle('.olControlPanZoomBar { left: inherit; width: 30px; right: 10px; }');
  298. 		addGlobalStyle('#WMETB_ZoomLevelIndicator { left: inherit !important; right: 43px !important; }');
  299. 		if (document.body.dir != "rtl") {
  300. 			addGlobalStyle('.panel { left: inherit; }');
  301. 		} else {
  302. 			addGlobalStyle('.panel { right: 40px; }');
  303. 		}
  304. 	}
  305. }
  306.  
  307. function hideUserInfo() {
  308. 	var fname = arguments.callee.toString().match(/function ([^\(]+)/)[1];
  309. 	logit("function " + fname + " called", "debug");
  310. 	var styles = "";
  311. 	// WME Panel Swap buttons - move them up if user info is hidden
  312. 	var PSButton1 = getId('WMEPS_UIButton');
  313. 	var PSButton2 = getId('WMEPS_EditButton');
  314. 	if (_cbHideUserInfo.checked) {
  315. 		styles += '#sidebar #user-info #user-box { padding: 0px; }';
  316. 		styles += '#sidebar #user-details .user-profile { display: none !important; }';
  317. 		if (PSButton1) { PSButton1.style.top = '-27px'; }
  318. 		if (PSButton2) { PSButton2.style.top = '-27px'; }
  319. 		// Keep My Layers toggle - move up if user info is hidden
  320. 		styles += '.kml-toggle-container { top: -25px; }';
  321. 		addStyle(prefix + fname,styles);
  322. 	} else {
  323. 	if (PSButton1) { PSButton1.style.top = '0px'; }
  324. 	if (PSButton2) { PSButton2.style.top = '0px'; }
  325. 		removeStyle(prefix + fname);
  326. 	}
  327. }
  328.  
  329. function shrinkTopBars() {
  330. 	var fname = arguments.callee.toString().match(/function ([^\(]+)/)[1];
  331. 	logit("function " + fname + " called", "debug");
  332. 	var styles = "";
  333. 	if (_cbShrinkTopBars.checked) {
  334. 		//shrink the blue tool bar
  335. 		styles += '.toolbar { height: 31px; }';
  336. 		styles += '#app-head { height: 31px; }';
  337. 		styles += '#search { padding-top: 1px; }';
  338. 		styles += '.toolbar .toolbar-button { padding: 2px 7px; }';
  339. 		styles += '.toolbar .toolbar-separator { height: 31px; }';
  340. 		styles += '#layer-switcher { height: 51px; }';
  341. 		styles += '.toolbar menu.dropdown-menu { top: 31px; }';
  342. 		styles += '#layer-switcher .dropdown-menu { top: 31px; }';
  343. 		//extra tweaks for Toolbox button & layers menu
  344. 		styles += '.WazeControlLayerSwitcherIcon { margin: 5px 2px 0 !important; }';
  345. 		styles += '#WazeControlLayerSwitcherIconContainer { height: 51px !important; }';
  346. 		styles += '#WazeControlLayerSwitcherIconContainerBeta { height: 51px !important; }';
  347. 		if (document.body.dir != "rtl") {
  348. 			styles += '.WazeControlLayerSwitcherToolbox { margin-left: -92px !important; }';
  349. 		} else {
  350. 			styles += '.WazeControlLayerSwitcherToolbox { margin-left: 112px !important; }';
  351. 		}
  352. 		styles += '#sidebar waze-links { height: 16px; }';
  353. 		//shrink the black bar
  354. //		styles += '.topbar { height: 20px; line-height: 20px; }';
  355. //		styles += '.topbar .location-info { font-size: 12px; }';
  356. 		styles += 'div#topbar-container { position: relative; }';
  357. 		styles += '.topbar { position: absolute; z-index: 1; background: transparent; height: 0; color: white; text-shadow: -1px -1px 0 #000, 1px -1px #000, -1px 1px #000, 1px 1px #000; line-height: 1.1; }';
  358. 		styles += '.topbar .location-info { font-size: 15px; font-weight: 900; }';
  359. 		styles += '.topbar .area-managers .title, .topbar .area-managers .main-list { font-size: 15px; font-weight: 900; }';
  360. 		// following line needed to move MTE menu over the WME Bookmarks pin control
  361. 		styles += '#mode-switcher .dropdown-menu { top: 30px; }';
  362. 		styles += '.olControlPanZoomBar { top: 32px; }';
  363. 		styles += '#panel-container .panel { top: 20px; }';
  364. 		addStyle(prefix + fname,styles);
  365. 	} else {
  366. 		removeStyle(prefix + fname);
  367. 	}
  368. 	window.dispatchEvent(new Event('resize'));
  369. }
  370.  
  371. function FALSEcompressSegmentTab() {
  372. 	_cbCompressSegmentTab.checked = _cbextraCBSection.checked;
  373. 	compressSegmentTab();
  374. }
  375.  
  376. function compressSegmentTab() {
  377. 	var fname = arguments.callee.toString().match(/function ([^\(]+)/)[1];
  378. 	logit("function " + fname + " called", "debug");
  379. 	var styles = "";
  380. 	var ep=getId('edit-panel');
  381. 	if (_cbCompressSegmentTab.checked) {
  382. 		// shrink address
  383. 		styles += '#edit-panel .primary-street { font-size: 14px; line-height: 15px; font-weight: 600; color: black; }';
  384. 		styles += '#edit-panel .address-edit-view .preview .address-edit-btn:not(.disabled) { background-color: #FFF9C4; }';
  385. 		styles += '#edit-panel .segment .address-edit-view, .edit-panel .segment .address-edit-view { margin-bottom: 5px; }';
  386. 		//shrink tabs
  387. 		styles += '#sidebar .nav-tabs>li {margin-top: 2px; }';
  388. 		styles += '#sidebar .nav-tabs li a { padding: 2px; }';
  389. 		styles += '#sidebar .nav-tabs { margin: 0 0 5px 0; padding-left: 4px; }';
  390. 		//reduce some vertical margins
  391. 		styles += '#edit-panel .contents { padding: 0 5px 0 5px; overflow: hidden; }';
  392. 		styles += '#edit-panel .form-group { margin-bottom: 2px; line-height: 1; font-size: 11px; }';
  393. 		styles += '#edit-panel .selection { margin-bottom: 5px; }';
  394. 		styles += '#sidebar .side-panel-section:not(:last-child) { margin-bottom: 2px; }';
  395. 		styles += '#sidebar .side-panel-section:not(:last-child)::after { margin-top: 5px; margin-bottom: 2px; }';
  396. 		styles += '#edit-panel .control-label { margin-bottom: 1px; }';
  397. 		styles += '#sidebar .controls-container { padding-top: 2px; }';
  398. 		styles += '#edit-panel .segment .speed-limit label { margin-bottom: 0px; }';
  399. 		styles += '#edit-panel .more-actions { padding-top: 2px; }';
  400. 		styles += '#edit-panel .segment .speed-limit .direction-label, #edit-panel .segment .speed-limit .unit-label { line-height: 2.1em; }';
  401. 		//shrink dropdown controls & buttons
  402. 		styles += '#edit-panel button, #edit-panel select, #edit-panel .form-control { font-size: 11px; height: auto; padding: 0px 4px; }';
  403. 		styles += '#edit-panel .more-actions button:not(:last-of-type) { margin-bottom: 2px; }';
  404. 		styles += '.edit-closure .input-group-addon { padding: 2px 8px; }';
  405. 		//fit road property checkboxes on one line for all three (if text length allows)
  406. 		styles += '#edit-panel .controls-container { display: inline-block; }';
  407. 		styles += '#edit-panel .controls-container label { font-size: 12px; line-height: 18px; padding-left: 22px; }';
  408. 		styles += '#edit-panel .select-entire-street { width: 49%; overflow: hidden; }';
  409. 		styles += '#edit-panel .edit-house-numbers { width: 49%; overflow: hidden; }';
  410. 		styles += '#edit-panel .action-button { color: black; }';
  411. 		styles += '#edit-panel .categories .select2-container { margin-bottom: -5px; }';
  412. 		//tweaks for Closures tab
  413. 		styles += '#edit-panel .segment .segment-details { margin-bottom: 4px; }';
  414. 		styles += '.closures-list .closure-item .section { padding: 2px; }';
  415. 		styles += '.col-xs-6 { line-height: 14px; }';
  416. 		styles += '.closures-list .direction { margin-bottom: 0px; }';
  417. 		styles += '.closures-list .closure-item:not(:last-child) { margin-bottom: 4px; }';
  418. 		//tweak required for Speedhelper script
  419. 		styles += 'div[id^="spd_"] { line-height: 1.43; }';
  420. 		addStyle(prefix + fname,styles);
  421. 	} else {
  422. 		removeStyle(prefix + fname);
  423. 	}
  424. }
  425.  
  426. function restyleReports() {
  427. 	var fname = arguments.callee.toString().match(/function ([^\(]+)/)[1];
  428. 	logit("function " + fname + " called", "debug");
  429. 	var styles = "";
  430. 	if (_cbRestyleReports.checked) {
  431. 		styles += '#panel-container .panel { font-size: 12px; line-height: 15px; }';
  432. 		styles += '#panel-container .problem-edit .header { padding: 5px; line-height: 15px; }';
  433. 		styles += '#panel-container .problem-edit .problem-data .title { line-height: 22px; }';
  434. 		styles += '#panel-container .problem-edit .section .title { padding: 0 5px; }';
  435. 		styles += '#panel-container .problem-edit .section .content { padding: 5px; }';
  436. 		styles += '#WMEFP-UR-ALLPM { top: -2px !important; }';
  437. 		styles += '#panel-container .problem-edit .conversation.section .comment .comment-content { padding: 0 5px; }';
  438. 		styles += '#panel-container .problem-edit .conversation.section .no-comments { padding: 0; }';
  439. 		styles += '#panel-container .problem-edit .conversation.section .new-comment-form { padding: 0; }';
  440. 		styles += '#panel-container .problem-edit .conversation.section .new-comment-form textarea { resize: vertical; height: 110px; margin-bottom: 5px; padding: 3px 5px; font-size: 12px; }';
  441. 		styles += '#panel-container .btn { height: 20px; padding: 0px 10px;}';
  442. 		styles += '#panel-container .problem-edit .actions .content { padding: 2px 5px;}';
  443. 		styles += '#panel-container .problem-edit .actions .controls-container label { margin-bottom: 0px; line-height: 22px }';
  444. 		styles += '#panel-container .problem-edit .actions .navigation { margin-top: 5px;}';
  445. 		styles += '#panel-container .problem-edit .actions .controls-container { display: inline-flex; flex-wrap: wrap; margin-left: -3px; }';
  446. 		addStyle(prefix + fname,styles);
  447. 		if (wmeFUinitialising) {
  448. 			setTimeout(draggablePanel, 5000);
  449. 		} else {
  450. 			draggablePanel();
  451. 		}
  452. 	} else {
  453. 		removeStyle(prefix + fname);
  454. 		if (jQuery.ui) {
  455. 			$("#panel-container").draggable("destroy");
  456. 			getId("panel-container").style = "";
  457. 		}
  458. 	}
  459. 	window.dispatchEvent(new Event('resize'));
  460. }
  461.  
  462. function draggablePanel() {
  463. 	if (jQuery.ui) {
  464. 		$("#panel-container").draggable({ handle: ".header" });
  465. 	}
  466. }
  467.  
  468. function disableMapBlocker() {
  469. 	var fname = arguments.callee.toString().match(/function ([^\(]+)/)[1];
  470. 	logit("function " + fname + " called", "debug");
  471. 	if (_cbDisableMapBlocker.checked) {
  472. 		addStyle(prefix + fname,'#popup-overlay { width: 0%; height: 0%; }');
  473. 	} else {
  474. 		removeStyle(prefix + fname);
  475. 	}
  476. }
  477.  
  478. function narrowSidePanel() {
  479. 	var fname = arguments.callee.toString().match(/function ([^\(]+)/)[1];
  480. 	logit("function " + fname + " called", "debug");
  481. 	var styles = "";
  482. 	if (_cbNarrowSidePanel.checked) {
  483. 		styles += '.row-fluid #sidebar { width: 250px; }';
  484. 		styles += '.col-fixed-330 { width: 250px; }';
  485. 		styles += '#sidebar waze-links { overflow: hidden; }';
  486. 		styles += '#sidebar waze-links li+li::before { padding: 0; }';
  487. 		styles += '#sidebar waze-links li { font-size: 10px; }';
  488. 		styles += '#edit-panel .add-alt-street-form th.city { min-width: inherit; }';
  489. 		styles += '#edit-panel .external-providers-view .select2-container { width: 100%; }';
  490. 		if (document.body.dir != "rtl") {
  491. 			styles += '.show-sidebar .row-fluid .fluid-fixed { margin-left: 250px; }';
  492. 			styles += '.col-offset-330 { padding-left: 250px; }';
  493. 		} else {
  494. 			styles += '.show-sidebar .row-fluid .fluid-fixed { margin-right: 250px; }';
  495. 			styles += '.col-offset-330 { padding-right: 250px; }';
  496. 		}
  497. 		styles += '.edit-closure .form { padding: 2px; }';
  498. 		styles += '.edit-closure .date-input-group { width: 56%; }';
  499. 		styles += '#editor-container #map.street-view-mode #street-view-container { width: 35%; }';
  500. 		styles += '#editor-container #map.street-view-mode #WazeMap { width: 65%; margin-right: 65%; }';
  501. 		addStyle(prefix + fname, styles);
  502. 	} else {
  503. 		removeStyle(prefix + fname);
  504. 	}
  505. 	window.dispatchEvent(new Event('resize'));
  506. }
  507.  
  508. function hideAveSpeedControls() {
  509. 	var fname = arguments.callee.toString().match(/function ([^\(]+)/)[1];
  510. 	logit("function " + fname + " called", "debug");
  511. 	removeStyle(prefix + fname);
  512. 	if (_cbHideAveSpeedControls.checked) {
  513. 		var ASCBox;
  514. 		if (getId('fwdSpeedCameraCheckbox')) {
  515. 			ASCBox = getId('fwdSpeedCameraCheckbox');
  516. 		}
  517. 		if (getId('revSpeedCameraCheckbox')) {
  518. 			ASCBox = getId('revSpeedCameraCheckbox');
  519. 		}
  520. 		if (ASCBox) {
  521. 			var formGroup = ASCBox.parentNode.parentNode.parentNode;
  522. 			var formGroupParent = formGroup.parentNode;
  523. 			var targetGroup = Array.prototype.indexOf.call(formGroupParent.children, formGroup) + 1;
  524. 			addStyle(prefix + fname, '#segment-edit-general > .side-panel-section.attributes-form > .form-group:nth-of-type(' + targetGroup + ') { display: none; }');
  525. 		}
  526. 	}
  527. }
  528.  
  529. function addZoomIndicator() {
  530. 	var fname = arguments.callee.toString().match(/function ([^\(]+)/)[1];
  531. 	logit("function " + fname + " called", "debug");
  532. 	var slider = getElementsByClassName('slider', getId('WazeMap'))[1];
  533. 	if (_cbAddZoomIndicator.checked) {
  534. 		addStyle(prefix + fname, '.slider { font-size: 15px; font-weight: 900; line-height: 1; height: 18px; margin-top: 23px; padding-top: 2px; text-align: center; }');
  535. 		Waze.map.events.register("zoomend", null, ZLI);
  536. 		ZLI();
  537. 	} else {
  538. 		removeStyle(prefix + fname);
  539. 		Waze.map.events.unregister("zoomend", null, ZLI);
  540. 		slider.innerText = "";
  541. 		slider.title = "";
  542. 	}
  543. }
  544.  
  545. function ZLI() {
  546. 	var slider = getElementsByClassName('slider', getId('WazeMap'))[1];
  547. 	slider.innerText = Waze.map.zoom;
  548. 	slider.title = "Zoom level indicator by WMEFU";
  549. 	switch (Waze.map.zoom) {
  550. 		case 0:
  551. 		case 1:
  552. 			slider.style.background = '#ef9a9a';
  553. 			slider.title += "\nCannot permalink any segments at this zoom level";
  554. 			break;
  555. 		case 2:
  556. 		case 3:
  557. 			slider.style.background = '#ffe082';
  558. 			slider.title += "\nCan only permalink primary or higher at this zoom level";
  559. 			break;
  560. 		default:
  561. 			slider.style.background = '#ffffff';
  562. 			slider.title += "\nCan permalink any segments at this zoom level";
  563. 			break;
  564. 	}
  565. }
  566.  
  567. function shiftAerials() {
  568. 	var fname = arguments.callee.toString().match(/function ([^\(]+)/)[1];
  569. 	logit("function " + fname + " called", "debug");
  570. 	// calculate meters/pixel for current map view
  571. 	var ipu = OpenLayers.INCHES_PER_UNIT;
  572. 	var metersPerPixel = Waze.map.getResolution() * ipu.m / ipu[Waze.map.getUnits()];
  573. 	// Apply the shift and opacity
  574. 	Waze.map.baseLayer.div.style.left = Math.round(getId("_inpASX").value / metersPerPixel) + 'px';
  575. 	Waze.map.baseLayer.div.style.top = Math.round(- getId("_inpASY").value / metersPerPixel) + 'px';
  576. 	Waze.map.baseLayer.div.style.opacity = getId("_inpASO").value/100;
  577. }
  578.  
  579. function fixExternalProviders () {
  580. 	var fname = arguments.callee.toString().match(/function ([^\(]+)/)[1];
  581. 	logit("function " + fname + " called", "debug");
  582. 	var styles = "";
  583. 	if (_cbFixExternalProviders.checked) {
  584. 		//enlarge external provider boxes
  585. 		styles += '#edit-panel .external-providers-view .select2-container { width: 90%; margin-bottom: 2px; }';
  586. 		styles += '.select2-container .select2-choice { height: inherit; line-height: 16px; }';
  587. 		styles += '.select2-container .select2-choice>.select2-chosen { white-space: normal; }';
  588. 		styles += '.placeId { padding-bottom: 5px; }';
  589. 		addStyle(prefix + fname,styles);
  590. 	} else {
  591. 		removeStyle(prefix + fname);
  592. 	}
  593. }
  594.  
  595. //Helper functions
  596.  
  597. function addGlobalStyle(css) {
  598. 	var head, style;
  599. 	head = document.getElementsByTagName('head')[0];
  600. 	if (!head) {
  601. 		return;
  602. 	}
  603. 	style = document.createElement('style');
  604. 	style.type = 'text/css';
  605. 	style.innerHTML = css;
  606. 	head.appendChild(style);
  607. }
  608.  
  609. function addStyle(ID, css) {
  610. 	var head, style;
  611. 	head = document.getElementsByTagName('head')[0];
  612. 	if (!head) {
  613. 		return;
  614. 	}
  615. 	style = document.createElement('style');
  616. 	style.type = 'text/css';
  617. 	style.innerHTML = css;
  618. 	style.id = ID;
  619. 	head.appendChild(style);
  620. }
  621.  
  622. function removeStyle(ID) {
  623. 	var style = document.getElementById(ID);
  624. 	if (style) { style.parentNode.removeChild(style); }
  625. }
  626.  
  627. function getElementsByClassName(classname, node) {
  628. 	if(!node) { node = document.getElementsByTagName("body")[0]; }
  629. 	var a = [];
  630. 	var re = new RegExp('\\b' + classname + '\\b');
  631. 	var els = node.getElementsByTagName("*");
  632. 	for (var i=0,j=els.length; i<j; i++) {
  633. 		if (re.test(els[i].className)) { a.push(els[i]); }
  634. 	}
  635. 	return a;
  636. }
  637.  
  638. function getId(node) {
  639. 	return document.getElementById(node);
  640. }
  641.  
  642. function logit(msg, typ) {
  643. 	if (!typ) {
  644. 		console.log(prefix + ": " + msg);
  645. 	} else {
  646. 		switch(typ) {
  647. 			case "error":
  648. 				console.error(prefix + ": " + msg);
  649. 				break;
  650. 			case "warning":
  651. 				console.warn(prefix + ": " + msg);
  652. 				break;
  653. 			case "info":
  654. 				console.info(prefix + ": " + msg);
  655. 				break;
  656. 			case "debug":
  657. 				if (debug) {
  658. 					console.debug(prefix + ": " + msg);
  659. 				}
  660. 				break;
  661. 			default:
  662. 				console.log(prefix + " unknown message type: " + msg);
  663. 				break;
  664. 		}
  665. 	}
  666. }
  667.  
  668. // Start it running
  669. setTimeout(init1, 200);
  670. })();