☰

JIRA Enhanced Navigator

Makes the columns in tables resizable and remembers column width, additionally it allows the hiding of the filter box on the left.

  1. // ==UserScript==
  2. // @name           JIRA Enhanced Navigator
  3. // @version        1.5
  4. // @description    Makes the columns in tables resizable and remembers column width, additionally it allows the hiding of the filter box on the left.
  5. // @namespace      http://home.comcast.net/~mailerdaemon
  6. // @include        */ManageFilters.jspa*
  7. // @include        */IssueNavigator.jspa*
  8. // @include        */QuickSearch.jspa*
  9. // @include        */BulkEditDetailsValidation.jspa*
  10. // @include        */BulkEdit1!default.jspa*
  11. // @include        */UserVotes!default.jspa*
  12. // @include        */UserWatches!default.jspa*
  13. // @include        */ViewUserIssueColumns!default.jspa*
  14. // @include        */ViewSearchRequestIssueColumns!default.jspa*
  15. // ==/UserScript==
  16.  
  17. //enable resizing on the Column Order page
  18. const resize_on_ordering = false;
  19.  
  20. //size of the resize handle
  21. const div_width = 3;
  22.  
  23. if(!String.prototype.trim) String.prototype.trim = function() {return this.replace(/^\s+|\s+$/g,"");}
  24. function process(array, before, after, between){	return (before?before:"")+no_wrap.join((after?after:"") +(between?between:"")+ (before?before:""))+(after?after:""); }
  25.  
  26. var domain = document.location.host;
  27. var regex = /[\W\s \n\r]+/g;
  28.  
  29. var ColumnOrderPage = document.location.pathname.search(/\/View(User|SearchRequest)IssueColumns!default\.jspa/) > -1;
  30. if(ColumnOrderPage)
  31. {
  32. 	$Z("//table[@id='issuetable']//tr[following-sibling::tr[@class='rowAlternate']]/td/b", function(r,i,p){
  33. 		c = document.createElement("input")
  34. 		c.type = "checkbox";
  35. 		c.title = "Do not wrap long lines."
  36. 		
  37. 		var temp = r.textContent.replace(regex, "");
  38. 		c.id = temp?temp:i + "?";
  39. 		
  40. 		c.checked = GM_getValue(domain+".column."+c.id+".nowrap", false);
  41. 		insertBefore(c, r);
  42. 		addEvent(c, "click", function(event){GM_setValue(domain+".column."+this.id+".nowrap", this.checked)});
  43. 	});
  44. }
  45. if(resize_on_ordering || !ColumnOrderPage)
  46. {
  47. 	function stop(event){event.stopPropagation();}
  48.  
  49. 	function auto(event){
  50. 	//	eb.style.marginLeft=eb.style.marginRight="";
  51. 		var link = GetParentNodeByTag(event.target, "td");
  52. 		var name = domain+".column."+link.id+".width";
  53. 		link.removeAttribute("width");
  54. 		base.className="resizing";
  55. 		var w = link.clientWidth-(pad+pad);
  56. 		link.width=(w<min_width)?min_width:w;
  57. 		GM_setValue(name, link.width);
  58. 		base.removeAttribute("class");
  59. 	//	eb.style.marginLeft=eb.style.marginRight="auto";
  60. 	}
  61.  
  62. 	function down(event){
  63. 		addEvent(document, "mouseup", up);
  64. 		addEvent(document, "mousemove", movemouse);
  65. 		dobj = this;
  66. 		isdrag = true;
  67. 		x = event.pageX;
  68. 		w = parseInt(GetParentNodeByTag(dobj, "td").width+".0");
  69. 	//	GM_log(new Array(x,w));
  70. 		return false;
  71. 	}
  72.  
  73. 	function up(event){
  74. 		if(isdrag)
  75. 		{
  76. 			isdrag=false;
  77. 			removeEvent(document, "mousemove", movemouse);
  78. 			removeEvent(document, "mouseup", up);
  79. 			var link = GetParentNodeByTag(dobj, "td");
  80. 			var name = domain+".column."+link.id+".width";
  81. 	//		GM_log(name);
  82. 			GM_setValue( name, link.width);
  83. 		}
  84. 	}
  85.  
  86. 	function movemouse(event){
  87. 	  if (isdrag)
  88. 	  {
  89. 		var p = event.pageX;
  90. 		var k = w + p - x;
  91. 		GetParentNodeByTag(dobj, "td").width = k<min_width?min_width:k;
  92. 	//	GM_log(new Array(w, p, x, k))
  93. 		return false;
  94. 	  }
  95. 	}
  96.  
  97. 	function toggle(set){
  98. 		if(header.style.display == "none" && set != false)
  99. 		{
  100. 			header.style.display = "";
  101. 			GM_setValue(domain+".filter."+header.className+".visible", true)
  102. 		}
  103. 		else if(set != true)
  104. 		{
  105. 			header.style.display = "none";
  106. 			GM_setValue(domain+".filter."+header.className+".visible", false)
  107. 		}
  108. 	}
  109. 	
  110. 	var no_wrap = [];
  111.  
  112. 	var res = $Y("//table[@id='issuetable']/tbody/tr[position()=1 and not(@class)]/td");
  113.  
  114. 	var len = res.snapshotLength;
  115. 	if(len <= 0) return;
  116. 	var first = res.snapshotItem(0);
  117. 	var row = GetParentNodeByTag(first, "tr")
  118. 	var base = GetParentNodeByTag(row, "table");
  119. 	var space=parseInt(base.cellSpacing+".0");
  120. 	var pad = parseInt(base.cellPadding+".0");
  121. 	var height = (first.height = (base.rows[0].clientHeight - space)) - (pad + pad);// + space + space + pad + pad;
  122. 	var eb = GetParentNodeByTag(base, "table", base);
  123. 	//eb.style.backgroundColor="transparent";
  124. 	eb.removeAttribute("width");
  125. 	eb.style.marginLeft="20px;"//eb.style.marginRight="auto";
  126.  
  127. 	var div_center_offset = (pad /*+ Math.floor(div_width / 2)*/ + space);
  128. 	var min_width = (ColumnOrderPage?56:div_width - space + 1);
  129. 	const etype = "div";
  130.  
  131. 	for (i = 0; link = res.snapshotItem(i); ++i)
  132. 	{
  133. 		link.style.whiteSpace="nowrap";
  134. 		link.style.minWidth=min_width+"px";
  135.  
  136. 		var text = link;
  137. 		var u = link.getElementsByTagName("span");
  138. 		if(u && u[0])
  139. 		{
  140. 			text = link.removeChild(u[0]);
  141. 			link.title = text.title;
  142. 		}
  143. 		else
  144. 		{//for BulkEdit1
  145. 			if(u = getFirstNonTextChild(link))
  146. 			{
  147. 				text = document.createElement("span");
  148. 				text.appendChild(link.removeChild(u));
  149. 			}
  150. 		}
  151. 		
  152. 		var temp = text.textContent.replace(regex, "");
  153. 		link.id = temp?temp:i + "?";
  154. 		
  155. 		if(GM_getValue(domain+".column."+link.id+".nowrap", false))
  156. 			no_wrap.push($X("//table[@id='issuetable']/tbody/tr[preceding-sibling::tr[position()=1 and not(@class)]]/td["+(i+1)+"]").className.replace("nav ",""));
  157. 		
  158. 		var width = parseInt(GM_getValue(domain+".column."+link.id+".width", "0"));
  159. 	//	GM_log(width);
  160. 		if(width == 0 || isNaN(width))
  161. 			width = link.clientWidth - (pad + pad);
  162. 		if(width < min_width && width >= 0)
  163. 			width = min_width;
  164. 		
  165. 		var burn = document.createElement(etype);
  166. 		var divider = document.createElement(etype);
  167. 		burn.className="GM_burn";
  168. 		
  169. 		var t = link.childNodes.length;
  170. 		while(t > 0)
  171. 		{
  172. 			var m = link.removeChild(link.childNodes[--t]);
  173. 			if(m.nodeName != "#text")
  174. 				burn.appendChild(m);
  175. 		}
  176. 		if(burn.childNodes.length > 0)
  177. 		{
  178. 			link.appendChild(divider);
  179. 			link.appendChild(burn);
  180. 		}
  181. 		else
  182. 			link.appendChild(divider = burn);
  183. 		if(link != text)
  184. 			link.appendChild(text);
  185. 		divider.title="Click and drag to resize this column";
  186. 		divider.className="GM_divider";
  187. 	//	addEvent(floater, "mouseup", up);
  188. 		addEvent(divider, "mousedown", down);
  189. 		addEvent(divider, "click", stop);
  190. 		addEvent(divider, "dblclick", auto);
  191. 		link.width=Math.abs(width) + (width>=0?"":"%");
  192. 	}
  193.  
  194. 	GM_addStyle(process(no_wrap, "#issuetable .", " {white-space:nowrap;} "));
  195. 	//GM_log(no_wrap.join(","));
  196. 	
  197. 	var tx;
  198. 	var ty;
  199. 	var x;
  200. 	var w;
  201. 	var dobj;
  202.  
  203. 	GM_addStyle(".GM_divider {background-color:black; cursor:col-resize; height:"+height+"px; opacity:0.125; width:"+div_width+"px;} .GM_burn, .GM_divider {float:right; left:"+div_center_offset+"px; position:relative;}")
  204. 	GM_addStyle("table.resizing {table-layout:auto!important; overflow:auto!important;} table.resizing tbody tr td.colHeaderLink *, table.resizing tbody tr td.colHeaderOver * {display:none;}" );
  205. 	GM_addStyle("table#issuetable tbody tr td {overflow:hidden!important;} table#issuetable {table-layout:fixed; overflow:hidden; width:0px;}");
  206. 	GM_addStyle("table#issuetable tbody tr td:hover {overflow:visible!important;} table#issuetable tbody tr td:hover + td {opacity:0.2;} .faded {opacity:0.1!important;}");
  207. 	GM_addStyle("td.colHeaderOver {color:black;} td.colHeaderOver:hover + td + td {opacity:0.4;}");
  208.  
  209. 	var header = $X("//tr[not(boolean(@class))]/td[@class='filterSummaryCell' or @class='filterFormCell' or (not(@class) and div[@class='vcard'])]");
  210.  
  211. 	if(header)
  212. 	{
  213. 		var div = document.createElement("td");
  214. 		div.style.background = "#9DBBDA";
  215. 		div.style.verticalAlign = "middle";
  216. 		div.style.cursor="pointer";
  217. 		text = document.createElement("div");
  218. 		text.style.width = "5px";
  219. 		div.appendChild(text);
  220. 		insertAfter(div, header);
  221. 		addEvent( div, "click", toggle );
  222. 		if(!header.className)
  223. 			if(new_name = document.URL.replace(/.*\/([^!]+)\!default\.jspa.*/, "$1"))
  224. 				header.className = "URL-" + new_name;
  225. 		toggle(GM_getValue(domain+".filter."+header.className+".visible", true));
  226. 		div.title="Click to toggle the visiblity of the filters";
  227. 	}
  228.  
  229. 	$Z("//td[contains(@class, 'assignee') and contains(text(), 'Unassigned')]", function(r, i, p){r.className += " faded"}, base);
  230. }
  231.  
  232. function $X(_xpath, node){return document.evaluate(_xpath, node?node:document, null,	XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null).snapshotItem(0);}
  233. function $Y(_xpath, node){return document.evaluate(_xpath, node?node:document, null,	XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);}
  234. function $Z(_xpath, func, node, payload){
  235. 	var res = document.evaluate(_xpath, node?node:document, null,	XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
  236. 	var i, j;
  237. 	for (i = j = 0; link = res.snapshotItem(i); ++i)
  238. 		j += func(link, i, payload);
  239. 	return j;
  240. }
  241. function GetParentNodeByTag(child, tag, bad) {
  242. 	tag = tag.toUpperCase();
  243. 	while((child = child.parentNode) && child.tagName != tag);
  244. 	return child?child:bad;
  245. }
  246. function insertAfter(insert, after){return after.parentNode.insertBefore(insert, after.nextSibling);}
  247. function insertBefore(insert, before){return before.parentNode.insertBefore(insert, before);}
  248.  
  249. function addEvent( obj, type, fn, capture ) {
  250.  	if ( obj.attachEvent ) {
  251.  		obj["e"+type+fn] = fn;
  252.  		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
  253.  		obj.attachEvent( "on"+type, obj[type+fn] );
  254.  	} else
  255.  		obj.addEventListener( type, fn, capture?capture:false );
  256. }
  257. function removeEvent( obj, type, fn, capture ) {
  258.  	if ( obj.detachEvent ) {
  259.  		obj.detachEvent( "on"+type, obj[type+fn] );
  260.  		obj[type+fn] = obj["e"+type+fn] = null;
  261.  	} else
  262.  		obj.removeEventListener( type, fn, capture?capture:false );
  263. }
  264. function getFirstNonTextChild(obj){
  265. 	if(obj.firstChild.nodeName != "#text") return obj.firstChild;
  266. 	return getNextNonTextSibling(obj.firstChild);
  267. }
  268. function getNextNonTextSibling(obj){
  269. 	while((obj=obj.nextSibling) && (obj.nodeName == "#text"));
  270. 	return obj;
  271. }