☰

WME Fix UI

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

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

  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://editor-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             0.3
  11. // @grant               none
  12. // ==/UserScript==
  13.  
  14. // Thanks to (in no particular order) Bellhouse, Twister-UK, Timbones, Dave2084, Rickzabel
  15.  
  16. (function()
  17. {
  18. // global variables
  19. var wmefu_version = "0.3";
  20. var applyCount = 0;
  21. var wmefuinit = false;
  22. var shrinkBlackBarActive = false;
  23. var compressSegmentTabActive = false;
  24.  
  25. function initialiseFixUI() {
  26. 	if (wmefuinit) {
  27. 		return;
  28. 	}
  29.  
  30. 	// go round again if map container isn't there yet
  31. 	if(!window.Waze.map)
  32. 	{
  33. 			window.console.log("WME FixUI: waiting for WME...");
  34. 			setTimeout(initialiseFixUI, 1000);
  35. 			return;
  36. 	}
  37.  
  38. 	//create styles that will be used later
  39.  
  40. 	// create tab contents
  41. 	var addon = document.createElement('section');
  42. 	addon.id = "wmefu-addon";
  43. 	var section = document.createElement('p');
  44. 	section.style.paddingTop = "0px";
  45. 	section.id = "fuContent";
  46. 	section.innerHTML  = '<b>UI Fixes</b><br>';
  47. 	section.innerHTML += '<input type="checkbox" id="_cbMoveZoomBar" /> ' +
  48. 			'<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</span><br>';
  49. 	section.innerHTML += '<input type="checkbox" id="_cbHideUserInfo" /> ' +
  50. 			'<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>';
  51. 	section.innerHTML += '<input type="checkbox" id="_cbShrinkBlackBar" /> ' +
  52. 			'<span title="Because we can\'t afford to waste screen space on stuff we didn\'t ask for and don\'t want">Shrink the black bar above the map</span><br>';
  53. 	section.innerHTML += '<input type="checkbox" id="_cbCompressSegmentTab" /> ' +
  54. 			'<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>';
  55. 	section.innerHTML += '<br>';
  56. 	section.innerHTML += '<b><a href="https://greasyfork.org/en/scripts/20077-wme-fix-ui" target="_blank"><u>'
  57.                      + 'WME Fix UI</u></a></b> &nbsp; v' + wmefu_version;
  58.  
  59. 	addon.appendChild(section);
  60.  
  61. 	// insert the content as a tab
  62. 	var userTabs = getId('user-info');
  63. 	var navTabs = getElementsByClassName('nav-tabs', userTabs)[0];
  64. 	var tabContent = getElementsByClassName('tab-content', userTabs)[0];
  65.  
  66. 	if (typeof navTabs === "undefined") {
  67. 		console.log("WMEFU: not logged in - will initialise later");
  68. 		Waze.loginManager.on("login", initialiseFixUI);
  69. 		return;
  70. 	}
  71. 	newtab = document.createElement('li');
  72. 	newtab.innerHTML = '<a href="#sidepanel-FixUI" data-toggle="tab">FU</a>';
  73. 	navTabs.appendChild(newtab);
  74.  
  75. 	addon.id = "sidepanel-FixUI";
  76. 	addon.className = "tab-pane";
  77. 	tabContent.appendChild(addon);
  78.  
  79.  
  80. 	// setup event handlers for user actions:
  81. 	getId('_cbMoveZoomBar').onclick = moveZoomBar;
  82. 	getId('_cbShrinkBlackBar').onclick = shrinkBlackBar;
  83. 	getId('_cbHideUserInfo').onclick = hideUserInfo;
  84. 	getId('_cbCompressSegmentTab').onclick = compressSegmentTab;
  85.  
  86. 	// restore saved settings
  87. 	if (localStorage.WMEFixUI) {
  88. 		console.log("WMEFU: loading options");
  89. 		options = JSON.parse(localStorage.WMEFixUI);
  90.  
  91. 		getId('_cbMoveZoomBar').checked = options[1];
  92. 		getId('_cbShrinkBlackBar').checked = options[2];
  93. 		getId('_cbHideUserInfo').checked = options[3];
  94. 		getId('_cbCompressSegmentTab').checked = options[4];
  95. 	} else {
  96. 		getId('_cbMoveZoomBar').checked = true;
  97. 		getId('_cbShrinkBlackBar').checked = true;
  98. 		getId('_cbHideUserInfo').checked = true;
  99. 		getId('_cbCompressSegmentTab').checked = true;
  100. 	}
  101.  
  102. 	if (W.loginManager.user.userName == 'iainhouse') {
  103. 		// Adds an extra checkbox so I can test segment panel changes easily
  104. 		var brand = getId('brand');
  105. 		extraCBSection = document.createElement('p');
  106. 		extraCBSection.innerHTML = '<input type="checkbox" id="_cbextraCBSection" />';
  107. 		brand.appendChild(extraCBSection);
  108. 		getId('_cbextraCBSection').onclick = FALSEcompressSegmentTab;
  109. 		_cbextraCBSection.checked = _cbCompressSegmentTab.checked;
  110. 	}
  111.  
  112. 	// overload the WME exit function
  113. 	saveOptions = function() {
  114. 		if (localStorage) {
  115. 			console.log("WMEFU: saving options");
  116. 			var options = [];
  117.  
  118. 			// preserve previous options which may get lost after logout
  119. 			if (localStorage.WMEFixUI)
  120. 				options = JSON.parse(localStorage.WMEFixUI);
  121.  
  122. 			options[1] = getId('_cbMoveZoomBar').checked;
  123. 			options[2] = getId('_cbShrinkBlackBar').checked;
  124. 			options[3] = getId('_cbHideUserInfo').checked;
  125. 			options[4] = getId('_cbCompressSegmentTab').checked;
  126.  
  127. 			localStorage.WMEFixUI = JSON.stringify(options);
  128. 		}
  129. 	};
  130. 	window.addEventListener("beforeunload", saveOptions, false);
  131.  
  132. 	// apply the settings
  133. 	setTimeout(applyAllSettings, 2000);
  134. 	
  135. 	wmefuinit = true;
  136. 	window.console.log("WMEFU: Initialised");
  137. 	}
  138.  
  139. function applyAllSettings() {
  140. 	applyCount += 1;
  141. 	if (applyCount < 5) {
  142. 		setTimeout(applyAllSettings, 2000);
  143. 	}
  144. 	moveZoomBar();
  145. 	shrinkBlackBar();
  146. 	hideUserInfo();
  147. 	compressSegmentTab();
  148. }
  149.  
  150. function moveZoomBar() {
  151. 	var WMETBZLI = getId('WMETB_ZoomLevelIndicator');
  152. 	var reportPanel = getId('panel-container');
  153. 	
  154. 	if (_cbMoveZoomBar.checked) {
  155. 		$(".olControlPanZoomBar").css({'left':10,'width':30,'right':""});
  156. 		if (reportPanel) {
  157. 			reportPanel.style.left = "70px";
  158. 			reportPanel.style.position = "absolute";
  159. 		}
  160. 		if (WMETBZLI) { 
  161. 			WMETBZLI.style.left = "50px";
  162. 			WMETBZLI.style.right = "";
  163. 		}
  164. 	} else {
  165. 		$(".olControlPanZoomBar").css({'left':"",'width':30,'right':10});
  166. 		if (reportPanel) {
  167. 			reportPanel.style.left = "";
  168. 			reportPanel.style.position = "";
  169. 		}
  170. 		if (WMETBZLI) { 
  171. 			WMETBZLI.style.left = "";
  172. 			WMETBZLI.style.right = "50px";
  173. 		}
  174. 	}
  175. }
  176.  
  177. function hideUserInfo() {
  178. 	var PSButton = getId('WMEPS_UIButton');
  179. 	var userbox = getId('user-box');
  180. 	// WME Panel Swap button - move it up off the tabs if user info is hidden
  181. 	if (_cbHideUserInfo.checked) {
  182. 		userbox.style.padding = '0px';
  183. 		$(".user-profile").css({'display':'none'});
  184. 		if (PSButton) PSButton.style.top = '-20px';
  185. 	} else {
  186. 		userbox.style.padding = '20px';
  187. 		$(".user-profile").css({'display':'block'});
  188. 		if (PSButton) PSButton.style.top = '10px';
  189. 	}
  190. }
  191.  
  192. function shrinkBlackBar() {
  193. 	var wm = getId('WazeMap');
  194. 	if (_cbShrinkBlackBar.checked) {
  195. 		$(".topbar").css({'height':'20px','line-height':'20px','padding':'0 10px'});
  196. 		$(".topbar .location-info").css({'font-size':'12px'});
  197. 		if (!shrinkBlackBarActive) wm.style.height = (wm.offsetHeight + 10) + 'px';
  198. 	} else {
  199. 		$(".topbar").css({'height':'30px','line-height':'30px','padding':'0 10px'});
  200. 		$(".topbar .location-info").css({'font-size':'15px'});
  201. 		if (shrinkBlackBarActive) wm.style.height = (wm.offsetHeight - 10) + 'px';
  202. 	}
  203. 	shrinkBlackBarActive = _cbShrinkBlackBar.checked;
  204. }
  205.  
  206. function FALSEcompressSegmentTab() {
  207. 	_cbCompressSegmentTab.checked = _cbextraCBSection.checked;
  208. 	compressSegmentTab();
  209. }
  210.  
  211. function compressSegmentTab() {
  212. 	var ep=getId('edit-panel')
  213. 	if (_cbCompressSegmentTab.checked) {
  214. 		if (!compressSegmentTabActive) {
  215. 			// shrink address
  216. 			addGlobalStyle('.primary-street { font-size: 13px; line-height: 15px; }');
  217. 			addGlobalStyle('.address-edit { margin-bottom: 5px !important; }');
  218. 			//shrink tabs
  219. 			addGlobalStyle('.nav > li > a { padding: 4px !important; }');
  220. 			//reduce some vertical margins
  221. 			addGlobalStyle('.contents { padding-top: 0px !important; }');
  222. 			addGlobalStyle('.form-group { margin-bottom: 2px !important; line-height: 1; font-size: 11px; }');
  223. 			addGlobalStyle('.selection { margin-bottom: 5px !important; }');
  224. 			addGlobalStyle('.side-panel-section { margin-bottom: 5px !important; }');
  225. 			addGlobalStyle('.side-panel-section::after { margin-top: 5px !important; margin-bottom: 2px !important; }');
  226. 			addGlobalStyle('.control-label { margin-bottom: 1px !important; }');
  227. 			//shrink dropdown controls
  228. 			addGlobalStyle('.form-control { height: 22px !important; padding: 0px 12px !important; font-size: 11px; }');
  229. 			//shrink button controls
  230. 			addGlobalStyle('.action-button { font-size: 11px; height: 22px; padding: 0px 12px; margin-bottom: 2px !important; }');
  231. 		 }
  232. 	} else {
  233. 		if (compressSegmentTabActive) {
  234. 			//enlarge address
  235. 			addGlobalStyle('.primary-street { font-size: 18px; line-height: 24px; }');
  236. 			addGlobalStyle('.address-edit { margin-bottom: 20px !important; }');
  237. 			//enlarge tabs
  238. 			addGlobalStyle('.nav > li > a { padding: 5px 15px !important; }');
  239. 			//restore vertical margins
  240. 			addGlobalStyle('.contents { padding-top: 20px !important; }');
  241. 			addGlobalStyle('.form-group { margin-bottom: 10px !important; line-height: 1.43; font-size: 13px; }');
  242. 			addGlobalStyle('.selection { margin-bottom: 20px !important; }');
  243. 			addGlobalStyle('.side-panel-section { margin-bottom: 21px !important; }');
  244. 			addGlobalStyle('.side-panel-section::after { margin-top: 21px !important; margin-bottom: 21px !important; }');
  245. 			addGlobalStyle('.control-label { margin-bottom: 5px !important; }');
  246. 			//enlarge dropdown controls
  247. 			addGlobalStyle('.form-control { height: 32px !important; padding: 6px 12px !important; font-size: 13px; }');
  248. 			//enlarge button controls
  249. 			addGlobalStyle('.action-button { font-size: 13px; height: 32px; padding: 6px 12px; margin-bottom: 10px !important; }');
  250. 		 }
  251. 	}
  252. 	compressSegmentTabActive = _cbCompressSegmentTab.checked
  253. }
  254.  
  255.  
  256. //Helper functions
  257.  
  258. function addGlobalStyle(css) {
  259. 	var head, style;
  260. 	head = document.getElementsByTagName('head')[0];
  261. 	if (!head) {
  262. 		return;
  263. 	}
  264. 	style = document.createElement('style');
  265. 	style.type = 'text/css';
  266. 	style.innerHTML = css;
  267. 	head.appendChild(style);
  268. }
  269.  
  270. function getElementsByClassName(classname, node) {
  271. 	if(!node) node = document.getElementsByTagName("body")[0];
  272. 	var a = [];
  273. 	var re = new RegExp('\\b' + classname + '\\b');
  274. 	var els = node.getElementsByTagName("*");
  275. 	for (var i=0,j=els.length; i<j; i++)
  276. 		if (re.test(els[i].className)) a.push(els[i]);
  277. 	return a;
  278. }
  279.  
  280. function getId(node) {
  281. 	return document.getElementById(node);
  282. }
  283.  
  284. // Start it running
  285. setTimeout(initialiseFixUI, 1000);
  286.  
  287. })();