☰

GRO Index Search Helper

Adds additional functionality to the UK General Register Office (GRO) BMD index search

当前为 2017-07-10 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        GRO Index Search Helper
  3. // @description Adds additional functionality to the UK General Register Office (GRO) BMD index search
  4. // @namespace   cuffie81.scripts
  5. // @include     https://www.gro.gov.uk/gro/content/certificates/indexes_search.asp
  6. // @version     1.8
  7. // @grant       none
  8. // @require     https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js
  9. // @require     https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.10/handlebars.min.js
  10. // @require     https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js
  11. // ==/UserScript==
  12.  
  13. /*
  14. ======================INLINE_RESOURCE_BEGIN======================
  15. ***********RESOURCE_START=CSS*************
  16. <style type="text/css">
  17. 	body
  18. 	{
  19. 		min-height: 1200px;
  20. 	}
  21. 	
  22. 	.groish_ButtonContainer
  23. 	{
  24. 		padding-bottom: 10px;
  25. 	}
  26. 	
  27. 	.groish_ButtonContainer input[type='submit'],
  28. 	.groish_ButtonContainer input[type='button']
  29. 	{
  30. 		margin-right: 20px;
  31. 		min-width: 100px;
  32. 		font-size: 13px;
  33. 		padding: 4px 10px;
  34. 	}
  35. 	
  36. 	.groish_ButtonContainer input[type='submit']
  37. 	{
  38. 		margin-right: 0px;
  39. 	}
  40. 	
  41. 	#groish_ResultsSelector,
  42. 	#groish_ViewSwitcher
  43. 	{
  44. 		display:inline-block;
  45. 		position: absolute;
  46. 		bottom: 0px;
  47. 		color: #993333;
  48. 		font-weight: bold;
  49. 		cursor: pointer;
  50. 	}
  51. 	
  52. 	#groish_ResultsSelector
  53. 	{
  54. 		right: 120px;
  55. 	}
  56. 	
  57. 	#groish_ViewSwitcher
  58. 	{
  59. 		right: 10px;
  60. 	}
  61. 	
  62. 	div[results-view] td[sort-fields]:hover
  63. 	{
  64. 		cursor: pointer;
  65. 	}
  66.  
  67. </style>
  68. *************RESOURCE_END*************
  69.  
  70. ***********RESOURCE_START=Template-EW_Birth-Simple*************
  71. <style type="text/css">
  72. 	div[results-view='EW_Birth-Simple'] td
  73. 	{
  74. 		padding: 5px 3px;
  75. 		font-size: 75%;
  76. 		color: #663333;
  77. 		vertical-align: top;
  78. 	}
  79. 	
  80. 	div[results-view='EW_Birth-Simple'] thead td
  81. 	{
  82. 		font-weight: bold;
  83. 	}
  84. 	
  85. 	div[results-view='EW_Birth-Simple'] tbody tr:nth-child(4n+1),
  86. 	div[results-view='EW_Birth-Simple'] tbody tr:nth-child(4n+2)
  87. 	{
  88. 		background-color: #F9E8A5;
  89. 	}
  90. 	
  91. 	div[results-view='EW_Birth-Simple'] tr.rec-actions a
  92. 	{
  93. 		padding: 0px 5px;
  94. 		font-size: 90%;
  95. 		color: #663333;
  96. 		text-decoration: none;
  97. 	}
  98. </style>
  99. <div results-view='EW_Birth-Simple' style='display: none; margin-bottom: 25px' default-sort-fields='year,quarter'>
  100. 	<table style='width: 100%; border-collapse: collapse'>
  101. 		<thead>
  102. 			<tr>
  103. 				<td style='width: 12%' sort-fields='year,quarter'>Date</td>
  104. 				<td style='width: 30%' sort-fields='forenames,surname'>Name</td>
  105. 				<td style='width: 15%' sort-fields='mother'>Mother</td>
  106. 				<td style='width: 27%' sort-fields='district'>District</td>
  107. 				<td style='width: 8%'  sort-fields='volume,district'>Vol</td>
  108. 				<td style='width: 8%'  sort-fields='page,volume'>Page</td>
  109. 			</tr>
  110. 		</thead>
  111. 		<tbody>
  112. 		{{#each items}}
  113. 			<tr class='rec'>
  114. 				<td>{{year}} Q{{quarter}}</td>
  115. 				<td><span class='forenames'>{{forenames}}</span> <span class='surname'>{{surname}}</span>{{#if noForenames}} ({{gender}}){{/if}}</td>
  116. 				<td>{{mother}}</td>
  117. 				<td>{{district}}</td>
  118. 				<td>{{volume}}</td>
  119. 				<td>{{page}}</td>
  120. 			</tr>
  121. 			<tr class='rec-actions' style='display: none'>
  122. 				<td colspan='6' style='text-align: right'>
  123. 				{{#actions}}
  124. 					<a href='{{url}}' {{#if title}}title='{{title}}'{{/if}}>{{text}}</a>
  125. 				{{/actions}}
  126. 				</td>
  127. 			</tr>
  128. 		{{/each}}
  129. 		</tbody>
  130. 	</table>
  131. 	{{#if failures}}
  132. 		<p class='main_text' style='color: Red'>WARNING: Failed to parse {{failures.length}} records. See default view for full list.</p>
  133. 		<!--
  134. 			{{#each failures}}record parse exception ({{index}}): exception: {{ex.message}}{{/each}}
  135. 		-->
  136. 	{{/if}}
  137. </div>
  138. *************RESOURCE_END*************
  139.  
  140.  
  141. ***********RESOURCE_START=Template-EW_Birth-SimpleList*************
  142. <style type="text/css">
  143. 	div[results-view='EW_Birth-SimpleList'] td
  144. 	{
  145. 		padding: 5px 3px;
  146. 		font-size: 75%;
  147. 		color: #663333;
  148. 		vertical-align: top;
  149. 	}
  150. 	
  151. 	div[results-view='EW_Birth-SimpleList'] thead td
  152. 	{
  153. 		font-weight: bold;
  154. 	}
  155. 	
  156. 	div[results-view='EW_Birth-SimpleList'] tbody tr:nth-child(odd)
  157. 	{
  158. 		background-color: #F9E8A5;
  159. 	}
  160.  
  161. </style>
  162. <div results-view='EW_Birth-SimpleList' style='display: none; margin-bottom: 25px' default-sort-fields='year,quarter'>
  163. 	<table style='width: 100%; border-collapse: collapse'>
  164. 		<thead>
  165. 			<tr>
  166. 				<td style='width: 100%' sort-fields='year,quarter'>Births</td>
  167. 			</tr>
  168. 		</thead>
  169. 		<tbody>
  170. 		{{#each items}}
  171. 			<tr class='rec'>
  172. 				<td>
  173. 				{{year}} Q{{quarter}} Birth -
  174. 				{{forenames}} {{surname}}{{#if noForenames}} ({{gender}}){{/if}} 
  175. 				(mmn: {{mother}}); 
  176. 				{{district}}; {{volume}}; {{page}}
  177. 			</tr>
  178. 		{{/each}}
  179. 		</tbody>
  180. 	</table>
  181. 	{{#if failures}}
  182. 		<p class='main_text' style='color: Red'>WARNING: Failed to parse {{failures.length}} records. See default view for full list.</p>
  183. 		<!--
  184. 			{{#each failures}}record parse exception ({{index}}): exception: {{ex.message}}{{/each}}
  185. 		-->
  186. 	{{/if}}
  187. </div>
  188. *************RESOURCE_END*************
  189.  
  190.  
  191. ***********RESOURCE_START=Template-EW_Death-Simple*************
  192. <style type="text/css">
  193. 	div[results-view='EW_Death-Simple'] td
  194. 	{
  195. 		padding: 5px 3px;
  196. 		font-size: 75%;
  197. 		color: #663333;
  198. 		vertical-align: top;
  199. 	}
  200. 	
  201. 	div[results-view='EW_Death-Simple'] thead td
  202. 	{
  203. 		font-weight: bold;
  204. 	}
  205. 	
  206. 	div[results-view='EW_Death-Simple'] tbody tr:nth-child(4n+1),
  207. 	div[results-view='EW_Death-Simple'] tbody tr:nth-child(4n+2)
  208. 	{
  209. 		background-color: #F9E8A5;
  210. 	}
  211. 	
  212. 	div[results-view='EW_Death-Simple'] tr.rec-actions a
  213. 	{
  214. 		padding: 0px 5px;
  215. 		font-size: 90%;
  216. 		color: #663333;
  217. 		text-decoration: none;
  218. 	}
  219. </style>
  220. <div results-view='EW_Death-Simple' style='display: none; margin-bottom: 25px' default-sort-fields='year,quarter'>
  221. 	<table style='width: 100%; border-collapse: collapse'>
  222. 		<thead>
  223. 			<tr>
  224. 				<td style='width: 12%' sort-fields='year,quarter'>Date</td>
  225. 				<td style='width: 26%' sort-fields='forenames,surname'>Name</td>
  226. 				<td style='width: 8%'  sort-fields='age'>Age{{#if ageCautionThreshold}}*{{/if}}</td>
  227. 				<td style='width: 8%'  sort-fields='birth'>Birth</td>
  228. 				<td style='width: 30%' sort-fields='district'>District</td>
  229. 				<td style='width: 8%'  sort-fields='volume,district'>Vol</td>
  230. 				<td style='width: 8%'  sort-fields='page,volume'>Page</td>
  231. 			</tr>
  232. 		</thead>
  233. 		<tbody>
  234. 		{{#each items}}
  235. 			<tr class='rec'>
  236. 				<td>{{year}} Q{{quarter}}</td>
  237. 				<td><span class='forenames'>{{forenames}}</span> <span class='surname'>{{surname}}</span>{{#if noForenames}} ({{gender}}){{/if}}</td>
  238. 				<td>{{age}}{{#if ageWarning}}*{{/if}}</td>
  239. 				<td>{{birth}}
  240. 				<td>{{district}}</td>
  241. 				<td>{{volume}}</td>
  242. 				<td>{{page}}</td>
  243. 			</tr>
  244. 			<tr class='rec-actions' style='display: none'>
  245. 				<td colspan='7' style='text-align: right'>
  246. 				{{#actions}}
  247. 					<a href='{{url}}' {{#if title}}title='{{title}}'{{/if}}>{{text}}</a>
  248. 				{{/actions}}
  249. 				</td>
  250. 			</tr>
  251. 		{{/each}}
  252. 		</tbody>
  253. 	</table>
  254. 	{{#if failures}}
  255. 		<p class='main_text' style='color: Red'>WARNING: Failed to parse {{failures.length}} records. See default view for full list.</p>
  256. 		<!--
  257. 			{{#each failures}}record parse exception ({{index}}): exception: {{ex.message}}{{/each}}
  258. 		-->
  259. 	{{/if}}
  260. 	<p class='main_text'>
  261. 		* Age is presumed to be years but <i>may</i> be months.
  262. 		{{#if ageWarningThreshold}}An age below {{ageWarningThreshold}} <i>may</i> be a child, treat with caution.{{/if}}
  263. 		An age of zero <i>may</i> have be used when a child was aged less than 12 months.
  264. 	</p>
  265. </div>
  266. *************RESOURCE_END*************
  267.  
  268.  
  269. ***********RESOURCE_START=Template-EW_Death-SimpleList*************
  270. <style type="text/css">
  271. 	div[results-view='EW_Death-SimpleList'] td
  272. 	{
  273. 		padding: 5px 3px;
  274. 		font-size: 75%;
  275. 		color: #663333;
  276. 		vertical-align: top;
  277. 	}
  278. 	
  279. 	div[results-view='EW_Death-SimpleList'] thead td
  280. 	{
  281. 		font-weight: bold;
  282. 	}
  283. 	
  284. 	div[results-view='EW_Death-SimpleList'] tbody tr:nth-child(odd)
  285. 	{
  286. 		background-color: #F9E8A5;
  287. 	}
  288. 	
  289. </style>
  290. <div results-view='EW_Death-SimpleList' style='display: none; margin-bottom: 25px' default-sort-fields='year,quarter'>
  291. 	<table style='width: 100%; border-collapse: collapse'>
  292. 		<thead>
  293. 			<tr>
  294. 				<td style='width: 100%' sort-fields='year,quarter'>Deaths</td>
  295. 			</tr>
  296. 		</thead>
  297. 		<tbody>
  298. 		{{#each items}}
  299. 			<tr class='rec'>
  300. 				<td>
  301. 					{{year}} Q{{quarter}} Death - 
  302. 					{{forenames}} {{surname}}{{#if noForenames}} ({{gender}}){{/if}};
  303. 					age {{age}}{{#if ageWarning}}*{{/if}} (b{{birth}});
  304. 					{{district}}; {{volume}}; {{page}}
  305. 				</td>
  306. 			</tr>
  307. 		{{/each}}
  308. 		</tbody>
  309. 	</table>
  310. 	{{#if failures}}
  311. 		<p class='main_text' style='color: Red'>WARNING: Failed to parse {{failures.length}} records. See default view for full list.</p>
  312. 		<!--
  313. 			{{#each failures}}record parse exception ({{index}}): exception: {{ex.message}}{{/each}}
  314. 		-->
  315. 	{{/if}}
  316. 	<p class='main_text'>
  317. 		* Age is presumed to be years but <i>may</i> be months.
  318. 		{{#if ageWarningThreshold}}An age below {{ageWarningThreshold}} <i>may</i> be a child, treat with caution.{{/if}}
  319. 		An age of zero <i>may</i> have be used when a child was aged less than 12 months.
  320. 	</p>
  321. </div>
  322. *************RESOURCE_END*************
  323.  
  324.  
  325. ======================INLINE_RESOURCE_END======================
  326. */
  327.  
  328. this.$ = this.jQuery = jQuery.noConflict(true);
  329.  
  330. $(function()
  331. {
  332. 	var resources, recordType, results;
  333. 	
  334. 	var main = function()
  335. 	{
  336. 		
  337. 		resources = getInlineResources();
  338. 		recordType = getRecordType();
  339. 		//console.log("resources:\r\n%s", JSON.stringify(resources));
  340. 		
  341. 		// Load the general css
  342. 		var cssBlock =  resources["CSS"].toString();
  343. 		$("body").append($(cssBlock));
  344.  
  345. 		
  346. 		initialiseSearchForm();
  347. 		initialiseResultViews();
  348. 		
  349. 		// Scroll down to the form. Do this last as we may add/remove/chnage elements in the previous calls.
  350. 		$("h1:contains('Search the GRO Online Index')")[0].scrollIntoView();
  351. 		
  352. 	
  353. 		// Wire up accesskeys to clicks, to avoid having to use the full accesskey combo (eg ALT+SHFT+#)
  354. 		$(document).on("keypress", function(e)
  355. 		{
  356. 			if (!document.activeElement || document.activeElement.tagName.toLowerCase() !== "input")
  357. 			{
  358. 				var char = String.fromCharCode(e.which);
  359. 				//console.log("keypress: %s", char);
  360. 				if ($("*[id^='groish'][accesskey='" + char + "']").length)
  361. 					$("*[id^='groish'][accesskey='" + char + "']").click();
  362. 				else if (char == "{")
  363. 					adjustSearchYear(-10);
  364. 				else if (char == "}")
  365. 					adjustSearchYear(10);
  366. 				else if (char == "?")
  367. 					$("form[name='SearchIndexes'] input[type='submit']").click();
  368. 				else if (char == '@')
  369. 					switchRecordType();
  370. 			}
  371. 		});
  372. 	}
  373. 	
  374. 	var initialiseSearchForm = function()
  375. 	{
  376. 	
  377. 		// Hide superfluous spacing, text and buttons
  378. 		$("body > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2)").hide();
  379. 		$("h1:contains('Search the GRO Online Index')").closest("tr").next().hide();
  380. 		$("strong:contains('Which index would you like to search?')").closest("tr").hide();
  381. 		
  382. 		$("table[summary*='contains the search form fields'] > tbody > tr:nth-of-type(2)").hide(); 
  383. 		$("table[summary*='contains the search form fields'] > tbody > tr:nth-of-type(3) td.main_text[colspan='5']").parent().hide(); 
  384. 		
  385. 		$("form[name='SearchIndexes'] input[type='submit'][value='Reset']").hide();
  386. 		
  387. 		// Change text
  388. 		$("form[name='SearchIndexes'] td span.main_text:contains('year(s)')").text("yrs");
  389. 		
  390. 		$("form[name='SearchIndexes'] td.main_text:contains('Surname at Death:')").html("Surname:<span class='redStar'>*</span>");
  391. 		$("form[name='SearchIndexes'] td.main_text:contains('First Forename at Death:')").text("Forename 1:");
  392. 		$("form[name='SearchIndexes'] td.main_text:contains('Second Forename at Death:')").text("Forename 2:");
  393. 		$("form[name='SearchIndexes'] td.main_text:contains('District of Death:')").text("District:");
  394. 		$("form[name='SearchIndexes'] td.main_text:contains('Age at'):contains('Death'):contains('in years')").text("Age:");
  395. 		
  396. 		$("form[name='SearchIndexes'] td.main_text:contains('Surname at Birth:')").html("Surname:<span class='redStar'>*</span>");
  397. 		$("form[name='SearchIndexes'] td.main_text:contains('First Forename:')").text("Forename 1:");
  398. 		$("form[name='SearchIndexes'] td.main_text:contains('Second Forename:')").text("Forename 2:");
  399. 		$("form[name='SearchIndexes'] td.main_text:contains('Maiden Surname:')").text("Mother:");
  400. 		$("form[name='SearchIndexes'] td.main_text:contains('District of Birth:')").text("District:");
  401.  
  402. 		
  403. 		// Add gender and year navigation buttons, and style them
  404. 		var searchButton = $("form[name='SearchIndexes'] input[type='submit'][value='Search']");
  405. 		$(searchButton).attr("accesskey", "?");
  406. 		$(searchButton).parent().find("br").remove();
  407.  
  408. 		$("<input type='button' class='formButton' accesskey='#' id='groish_BtnToggleGender' value='Gender' />").insertBefore($(searchButton));
  409. 		$("<input type='button' class='formButton' accesskey='[' id='groish_BtnYearsPrev' value='&lt; Years' />").insertBefore($(searchButton));
  410. 		$("<input type='button' class='formButton' accesskey=']' id='groish_BtnYearsNext' value='Years &gt;' />").insertBefore($(searchButton));
  411. 		
  412. 		var buttonContainer = $("form[name='SearchIndexes'] input[type='submit'][value='Search']").closest("td").addClass("groish_ButtonContainer");
  413. 		
  414. 		// Add button event handlers
  415. 		$("input#groish_BtnYearsPrev").click(function() { navigateYears(false); });
  416. 		$("input#groish_BtnYearsNext").click(function() { navigateYears(true); });
  417. 		$("input#groish_BtnToggleGender").click(function() { toggleGender(); });
  418. 		
  419. 	}
  420. 	
  421. 	var initialiseResultViews = function()
  422. 	{
  423. 		
  424. 		// Move default results table into a view container
  425. 		var defaultTable = $("form[name='SearchIndexes'] h3:contains('Results:')").closest("table").css("width", "100%").addClass("groish_ResultsTable");
  426. 		$(defaultTable).before($("<div results-view='default' />"));
  427. 		var defaultView = $("div[results-view='default']");
  428. 		$(defaultView).append($("table.groish_ResultsTable"));
  429.  
  430. 		// Move header row to before default view
  431. 		$(defaultView).before($("<div class='groish_ResultsHeader' style='margin: 10px 0px; position: relative' />"));
  432. 		$(".groish_ResultsHeader").append($("table.groish_ResultsTable h3:contains('Results:')"));
  433.  
  434. 		// Move pager row contents to after default view
  435. 		$(defaultView).after($("table.groish_ResultsTable > tbody > tr:last table:first"));
  436. 		$("div[results-view='default'] + table").css("width", "100%").addClass("groish_ResultsInfo");
  437.  
  438. 		// Get results, sort them and populate views
  439. 		results = getResults(recordType);
  440. 		sortResults();
  441. 		populateAlternateViews();
  442. 		
  443. 	}
  444. 	
  445. 	var sortResults = function(reverse, sortFieldsCsv)
  446. 	{
  447. 		//console.log("sorting results, sort fields: %s", sortFieldsCsv);
  448. 		
  449. 		if (!results || !results.items)
  450. 			return;
  451. 		
  452. 		var defaultSortFields = "year,quarter";
  453. 		
  454. 		// Get the last sort fields and order for the record type
  455. 		var sortFieldsKey 	= recordType + "-sort-fields";
  456. 		var sortOrderKey	= recordType + "-sort-order";
  457. 		var lastSortFields 	= sessionStorage.getItem(sortFieldsKey);
  458. 		var lastSortOrder 	= sessionStorage.getItem(sortOrderKey);
  459. 		
  460. 		// Cleanup values
  461. 		sortFieldsCsv = (sortFieldsCsv || "").replace(/\s\s+/g, ' ');
  462. 		lastSortFields = (lastSortFields || "").replace(/\s\s+/g, ' ');
  463. 		
  464. 		//console.log("last sort fields: %s; last sort order: %s", lastSortFields, lastSortOrder);
  465. 		
  466. 		var sortOrder = "asc";
  467. 		if (!sortFieldsCsv)
  468. 		{
  469. 			sortFieldsCsv = lastSortFields || defaultSortFields;
  470. 			sortOrder = lastSortOrder || "asc";
  471. 		}
  472. 		else if (sortFieldsCsv.localeCompare(lastSortFields) == 0 && sortOrder.localeCompare(lastSortOrder) == 0 && reverse)
  473. 		{
  474. 			sortOrder = "desc";
  475. 		}
  476. 	
  477. 		// Build sort fields and order arrays
  478. 		var sortFields = sortFieldsCsv.split(",");
  479. 		var sortOrders = Array.apply(null, Array(sortFields.length)).map(String.prototype.valueOf, sortOrder);
  480. 		
  481. 		// Append defaults if needed
  482. 		if (sortFieldsCsv.localeCompare(defaultSortFields) != 0)
  483. 		{
  484. 			sortFields.push("year");
  485. 			sortFields.push("quarter");
  486. 			
  487. 			sortOrders.push("asc");
  488. 			sortOrders.push("asc");
  489. 		}
  490. 		
  491. 		//console.log("sorting results by: %s (%s)", sortFields, sortOrders);
  492. 		results.items = _.orderBy(results.items, sortFields, sortOrders);
  493. 		
  494. 		sessionStorage.setItem(sortFieldsKey, sortFieldsCsv);
  495. 		sessionStorage.setItem(sortOrderKey, sortOrder);
  496. 	}
  497.  
  498. 	
  499. 	var populateAlternateViews = function()
  500. 	{
  501. 	
  502. 		// Add alternate view(s)
  503. 		if (recordType && resources && results && results.items && results.items.length > 0)
  504. 		{
  505. 			var viewPrefix = "Template-" + recordType;
  506. 			
  507. 			// Remove any existing views
  508. 			$("div[results-view][results-view!='default']").remove();
  509. 			
  510. 			// Add alternate views
  511. 			//console.log("Adding alternate views...");
  512. 			for (var resourceName in resources)
  513. 			{
  514. 				var resourceNamePrefix = resourceName.substring(0, viewPrefix.length);
  515. 				
  516. 				if (resources.hasOwnProperty(resourceName) && viewPrefix.localeCompare(resourceNamePrefix) == 0)
  517. 				{
  518. 					var template =  resources[resourceName].toString();
  519. 					var compiledTemplate = Handlebars.compile(template);
  520. 					var html = compiledTemplate(results);
  521. 					
  522. 					if (html)
  523. 						$("div[results-view]").filter(":last").after($(html));
  524. 				}
  525. 			}
  526. 			
  527. 			// Add view helpers and event handlers, if not already added
  528. 			if ($("div[results-view]").length > 1)
  529. 			{
  530. 				// Add event handler to hide/show actions row
  531. 				// TODO: Make adding view event handlers more dynamic, so they can be specific to the view
  532. 				$("div[results-view][results-view!='default'] tbody tr.rec").off("click.groish").on("click.groish", function(index)
  533. 																									{
  534. 					$(this).next("tr.rec-actions:not(:empty)").toggle();
  535. 				});
  536.  
  537. 				// Add event handler for column sorting
  538. 				$("div[results-view][results-view!='default'] thead td[sort-fields]").off("click.groish").on("click.groish", function(index)
  539. 																											{
  540. 					//var defaultSortFields = ($(this).closet("div[results-view]").attr("default-sort-fields");
  541. 					var sortFields = ($(this).attr("sort-fields") ? $(this).attr("sort-fields") : $(this).text());
  542. 					sortResults(true, sortFields);
  543. 					populateAlternateViews();
  544. 				});
  545.  
  546. 				// Add view switcher, if it doesn't already exist
  547. 				if ($("#groish_ViewSwitcher").length == 0)
  548. 				{
  549. 					$(".groish_ResultsHeader").append($("<a href='#' id='groish_ViewSwitcher' class='main_text' accesskey='~'>Switch view</a>"));
  550. 					$("#groish_ViewSwitcher").off("click.groish").on("click.groish", function() { switchResultsView(); return false; });
  551.  
  552.  
  553. 					// Add results selector (if supported)
  554. 					if (window.getSelection && document.createRange)
  555. 					{
  556. 						$(".groish_ResultsHeader").append($("<a href='#' id='groish_ResultsSelector' class='main_text' accesskey='|'>Select results</a>"));
  557. 						$("#groish_ResultsSelector").off("click.groish").on("click.groish", function()
  558. 																			{
  559. 							var resultsBody = $("div[results-view]:visible tbody")[0];
  560. 							if (resultsBody)
  561. 							{
  562. 								var selection = window.getSelection();
  563. 								var range = document.createRange();
  564. 								range.selectNodeContents(resultsBody);
  565. 								selection.removeAllRanges();
  566. 								selection.addRange(range);
  567. 							}
  568.  
  569. 							return false;
  570. 						});
  571. 					}
  572. 				}
  573. 			}
  574.  
  575. 			
  576. 			// Show the last used view
  577. 			var viewName = sessionStorage.getItem("groish_view." + recordType);
  578. 			//console.log("initialising view: %s", viewName);
  579. 			if (viewName && $("div[results-view='" + viewName + "']:hidden").length == 1)
  580. 			{
  581. 				//console.log("setting active view: %s", viewName);
  582. 				$("div[results-view][results-view!='" + viewName + "']").hide();
  583. 				$("div[results-view][results-view='" + viewName + "']").show();
  584. 			}
  585. 		}
  586. 		
  587. 	}
  588.  
  589. 	
  590. 	var switchResultsView = function()
  591. 	{
  592. 		var views = $("div[results-view]");
  593. 		if (views.length > 1)
  594. 		{
  595. 			var curIndex = -1;
  596. 			$(views).each(function(index)
  597. 			{
  598. 				if ($(this).css("display") != "none")
  599. 					curIndex = index;
  600. 			});
  601.  
  602. 			//console.log("current view index: %s", curIndex);
  603. 			if (curIndex !== -1)
  604. 			{
  605. 				var newIndex = ((curIndex == (views.length-1)) ? 0 : curIndex+1);
  606. 				$(views).hide();
  607. 				$("div[results-view]:eq(" + newIndex + ")").show();
  608.  
  609. 				// Get the name and save it
  610. 				var viewName = $("div[results-view]:eq(" + newIndex + ")").attr("results-view")
  611. 				sessionStorage.setItem("groish_view." + recordType, viewName); //save it
  612. 				//console.log("new view: %s", viewName);
  613. 			}
  614. 		}
  615. 	}
  616. 	
  617. 	var getResults = function(recordType)
  618. 	{
  619. 		var results = { "ageWarningThreshold": 24, "items": [], "failures": [] };
  620. 		
  621. 		// Lookup record type - birth or death
  622. 		if (recordType !== null && (recordType === "EW_Birth" || recordType === "EW_Death"))
  623. 		{
  624. 			var gender = $("form[name='SearchIndexes'] select#Gender").val();
  625. 			
  626. 			$("div[results-view='default'] > table > tbody > tr")
  627. 				.has("img[src='./graphics/order_certificate_button.gif'],img[src='./graphics/order_button.gif']")
  628. 				.each(function(index)
  629. 					{
  630. 						try
  631. 						{
  632. 							//console.log("Parsing record (%d)...", index);
  633. 				
  634. 							// Get names and reference
  635. 							var names 			= $(this).find("td:eq(0)").text().replace(/\u00a0/g, " ").replace(/\s\s+/g, ' ').trim();
  636. 							var ref 			= $(this).next().find("td:eq(0)").text();
  637.  
  638. 							// Clean up reference
  639. 							ref = ref.replace(/\u00a0/g, " ");
  640. 							ref = ref.replace(/\s\s+/g, ' ');
  641. 							ref = ref.replace(/GRO Reference: /g, "");
  642. 							ref = ref.replace(/M Quarter in/g, "Q1");
  643. 							ref = ref.replace(/J Quarter in/g, "Q2");
  644. 							ref = ref.replace(/S Quarter in/g, "Q3");
  645. 							ref = ref.replace(/D Quarter in/g, "Q4");
  646.  
  647. 							var age = 0;
  648. 							if (recordType === "EW_Death")
  649. 							{
  650. 								var ageArr = /^([0-9]{1,3})$/.exec($(this).find("td:eq(1)").text().replace(/\u00a0/g, " ").replace(/\s\s+/g, ' ').trim());
  651. 								if (ageArr)
  652. 									age = parseInt(ageArr[1], 10);
  653. 							}
  654.  
  655. 							var mother = null;
  656. 							if (recordType === "EW_Birth")
  657. 								mother = toTitleCase($(this).find("td:eq(1)").text().replace(/\u00a0/g, " ").replace(/\s\s+/g, ' ')).trim();
  658.  
  659. 							var actions			= [];
  660. 							var orderCertUrl	= $(this).find("a[href^='indexes_order.asp']:eq(0)").prop("href");
  661. 							var orderPdfUrl		= $(this).next().find("a[href^='indexes_order.asp']:eq(0)").prop("href");
  662.  
  663. 							if (orderCertUrl) actions.push( {"text": "Order Certificate", "url": orderCertUrl });
  664. 							if (orderPdfUrl)  actions.push( {"text": "Order Research Copy", "title": "PDF", "url": orderPdfUrl });
  665.  
  666. 							// Parse forenames, surname, year, quarter, district, vol, page
  667. 							var namesArr 	= /([a-z' -]+),([a-z' -]*)/gi.exec(names);
  668. 							var refArr 		= /([0-9]{4}) Q([1-4]) ([a-z\.\-,\(\)0-9\&'/ ]*)Volume ([a-z0-9]+)( Page ([0-9a-z]+)|)/gi.exec(ref); // NB: the district may not be set in some cases
  669.  
  670. 							//console.log("index: %d, namesArr: %s, refArr: %s", index, namesArr, refArr);
  671.  
  672. 							var record =
  673. 								{
  674. 									"gender":		gender,
  675. 									"forenames": 	toTitleCase(namesArr[2]).trim(),
  676. 									"surname": 		toTitleCase(namesArr[1]).trim(),
  677. 									"age": 			age,
  678. 									"mother": 		mother,
  679. 									"year": 		parseInt(refArr[1], 10),
  680. 									"quarter": 		parseInt(refArr[2], 10),
  681. 									"district": 	toTitleCase(refArr[3]).trim(),
  682. 									"volume": 		refArr[4].toLowerCase(),
  683. 									"page": 		refArr[6],
  684. 									"actions": 		actions
  685. 								};
  686. 							
  687. 							record.noForenames	= (!record.forenames || record.forenames == "-");
  688. 							record.ageWarning	= (age != null && age > 0 && age <= results.ageWarningThreshold);
  689. 							record.birth 		= (age != null ? record.year - age : null);
  690. 							//console.log(record);
  691. 							results.items.push(record);
  692. 						}
  693. 						catch (e)
  694. 						{
  695. 							//console.log("Failed to parse record (%d): %s", index, e.message);
  696. 							results.failures.push({ "index": index, "ex": e });
  697. 						}
  698. 					});
  699. 		}
  700. 		
  701. 		return results;
  702. 	}
  703.  
  704.  
  705. 	var toTitleCase = function(str)
  706. 	{
  707. 		return str.replace(/([^\W_]+[^\s-]*) */g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
  708. 	}
  709. 	
  710. 	var switchRecordType = function()
  711. 	{
  712. 		var recordTypes = $("form[name='SearchIndexes'] input[type='Radio'][name='index']");
  713.  
  714. 		var curIndex = -1;
  715. 		for (var i = 0; i < recordTypes.length; i++)
  716. 		{
  717. 			if ($(recordTypes).eq(i).prop("checked"))
  718. 			{
  719. 				curIndex = i;
  720. 				break;
  721. 			}
  722. 		}
  723. 		
  724. 		//console.log("current record type: %d", curIndex);
  725.  
  726. 		if (curIndex >= 0)
  727. 		{
  728. 			var nextIndex = (curIndex == (recordTypes.length-1)) ? 0 : curIndex + 1;
  729.  
  730. 			if (nextIndex != curIndex)
  731. 				$(recordTypes).eq(nextIndex).prop("checked", true).click();
  732. 			
  733. 			//console.log("next record type: %d", nextIndex);
  734. 		}			
  735. 	}
  736.  
  737. 	var toggleGender = function()
  738. 	{
  739. 		var curGender = $("form[name='SearchIndexes'] select#Gender").val();
  740. 		$("form[name='SearchIndexes'] select#Gender").val((curGender === "F" ? "M" : "F"));
  741. 		$("form[name='SearchIndexes'] input[type='submit'][value='Search']").click();
  742. 	}
  743. 	
  744. 	var adjustSearchYear = function(step)
  745. 	{
  746. 		var adjusted = false;
  747. 		
  748. 		// Get min and max years
  749. 		var minYear = parseInt($("form[name='SearchIndexes'] select#Year option:eq(2)").val(), 10);
  750. 		var maxYear = parseInt($("form[name='SearchIndexes'] select#Year option:last").val(), 10);
  751.  
  752. 		//console.log("Year range: %s - %s", minYear, maxYear);
  753.  
  754. 		if (!isNaN(step) && !isNaN(minYear) && !isNaN(maxYear))
  755. 		{
  756. 			// Read current year and range
  757. 			var curYear = parseInt($("form[name='SearchIndexes'] select#Year").val(), 10);
  758. 			var curRange = parseInt($("form[name='SearchIndexes'] select#Range").val(), 10);
  759.  
  760. 			if (!isNaN(curRange))
  761. 			{
  762. 				// Calculate the new year
  763. 				var newYear = (isNaN(curYear) ? minYear : curYear+step);
  764. 				newYear = Math.min(Math.max(newYear, minYear), maxYear);
  765. 				
  766. 				if (newYear != curYear)
  767. 				{
  768. 					$("form[name='SearchIndexes'] select#Year").val(newYear);
  769. 					adjusted = true;
  770. 				}
  771. 			}
  772.  
  773. 			//console.log("Current year: %d +-%d (%d-%d), New year: %d (%d-%d)", curYear, curRange, curYear-curRange, curYear+curRange, newYear, newYear-curRange, newYear+curRange);
  774. 		}
  775.  
  776. 		return adjusted;
  777. 	}
  778.  
  779. 	var navigateYears = function(forward)
  780. 	{
  781. 		var curRange = parseInt($("form[name='SearchIndexes'] select#Range").val(), 10);
  782. 		
  783. 		if (!isNaN(curRange))
  784. 		{
  785. 			// Calculate the new year
  786. 			var step = (curRange * 2) + 1;
  787. 			if (!forward) step = -step;
  788. 		
  789. 			if (adjustSearchYear(step))
  790. 			{
  791. 				$("form[name='SearchIndexes'] input[type='submit'][value='Search']").click();
  792. 			}
  793. 		}
  794. 	}
  795. 	
  796. 	var getRecordType = function()
  797. 	{
  798. 		return $("form[name='SearchIndexes'] input[type='radio'][name='index']:checked").val();
  799. 	}
  800.  
  801. 	// https://gist.github.com/aidanhs/5534196
  802. 	var getInlineResources = function()
  803. 	{
  804. 		var resource = {}, len, match, resourceBlocks, inlineResourcesMatch = (/^=+INLINE_RESOURCE_BEGIN=+$([\s\S]*?)^=+INLINE_RESOURCE_END=+$/m).exec(GM_info.scriptSource);
  805. 		resourceBlocks = (inlineResourcesMatch && inlineResourcesMatch[1].match(/^\**RESOURCE_START[\s\S]*?^\**RESOURCE_END\**$/mg)) || null;
  806. 		len = (resourceBlocks && resourceBlocks.length) || 0;
  807.  
  808. 		for (var i = 0; i < len; i++)
  809. 		{
  810. 			match = (/^\**RESOURCE_START=(.*?)\**$\s*^([\s\S]*)^\**RESOURCE_END\**$/m).exec(resourceBlocks[i]);
  811. 			resource[match[1]] = match[2];
  812. 		}
  813.  
  814. 		return resource;
  815. 	}
  816.  
  817. 	
  818. 	//Get the ball rolling...
  819. 	main();
  820. });