☰

GRO Index Search Helper

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

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

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