☰

GRO Index Search Helper

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

  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.20
  7. // @grant       GM_listValues
  8. // @grant       GM_getValue
  9. // @require     https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js
  10. // @require     https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js
  11. // @require     https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js
  12. // ==/UserScript==
  13.  
  14.  
  15. this.$ = this.jQuery = jQuery.noConflict(true);
  16.  
  17. $(function() {
  18. 	let resources, recordType, results;
  19. 	
  20. 	var main = function() {
  21. 		
  22. 		// Register Handlebars helper operators
  23. 		Handlebars.registerHelper({
  24. 			eq: function (v1, v2) 	{ return v1 === v2; },
  25. 			ne: function (v1, v2) 	{ return v1 !== v2; },
  26. 			lt: function (v1, v2) 	{ return v1 < v2; },
  27. 			gt: function (v1, v2) 	{ return v1 > v2; },
  28. 			lte: function (v1, v2)	{ return v1 <= v2; },
  29. 			gte: function (v1, v2)	{ return v1 >= v2; },
  30. 			and: function () 		{ return Array.prototype.slice.call(arguments).every(Boolean); },
  31. 			or: function () 		{ return Array.prototype.slice.call(arguments, 0, -1).some(Boolean); }
  32. 		});
  33. 		
  34. 		buildResources();
  35. 		recordType = getRecordType();
  36. 		//console.log("resources:\r\n%s", JSON.stringify(resources));
  37. 		
  38. 		// Load the general css
  39. 		$("body").append($(resources.baseStyle));
  40.  
  41. 		
  42. 		initialiseSearchForm();
  43. 		initialiseResultViews();
  44. 		
  45. 		// Scroll down to the form. Do this last as we may add/remove/change elements in the previous calls.
  46. 		$("h1:contains('Search the GRO Online Index')")[0].scrollIntoView();
  47. 		
  48. 	
  49. 		// Wire up accesskeys to clicks, to avoid having to use the full accesskey combo (eg ALT+SHFT+#)
  50. 		$(document).on("keypress", function(e) {
  51. 			
  52. 			let activeElementIsTextField = (document.activeElement
  53. 											&& document.activeElement.tagName.toLowerCase() !== "input"
  54. 											&& document.activeElement.getAttribute("type") === "text");
  55.         
  56. 			if (!activeElementIsTextField)
  57. 			{
  58. 				let char = String.fromCharCode(e.which);
  59. 				//console.log("keypress: %s", char);
  60. 				if ($("*[id^='groish'][accesskey='" + char + "']").length)
  61. 					$("*[id^='groish'][accesskey='" + char + "']").click();
  62. 				else if (char == "{")
  63. 					adjustSearchYear(-10);
  64. 				else if (char == "}")
  65. 					adjustSearchYear(10);
  66. 				else if (char == "?")
  67. 					$("form[name='SearchIndexes'] input[type='submit'][value='Search'][accesskey='?']").click();
  68. 				else if (char == '@')
  69. 					switchRecordType();
  70. 			}
  71. 		});
  72. 		
  73. 		// Remove focus
  74. 		if (document.activeElement)
  75. 			document.activeElement.blur();
  76. 	}
  77. 	
  78. 	var initialiseSearchForm = function() {
  79. 	
  80. 		// Hide superfluous spacing, text and buttons
  81. 		$("form[name='SearchIndexes'] input[type='submit'][value='Reset']").hide();
  82. 		$("form[name='SearchIndexes'] a.tooltip").hide();
  83. 		
  84. 		$("form[name='SearchIndexes'] span.main_text").has("i > a[href^='most_customers_want_to_know.asp']").hide();
  85. 		
  86. 		$("form[name='SearchIndexes'] a:contains('FreeBMD')").hide();
  87. 		$("form[name='SearchIndexes'] a:contains('(used 1837')").hide();
  88.  
  89. 		$("form[name='SearchIndexes'] td.main_text[colspan='5'] > br").closest("tr").hide();
  90. 		$("form[name='SearchIndexes'] td.main_text[colspan='5'] > strong").closest("tr").hide();
  91. 		
  92. 		$("form[name='SearchIndexes'] #SurnameMatchesText").closest("tr").hide();
  93. 		$("form[name='SearchIndexes'] #ForenameMatchesText").closest("tr").hide();
  94. 		$("form[name='SearchIndexes'] #MothersMaidenSurnameMatchesText").closest("tr").hide();
  95. 		
  96. 		// Change text
  97. 		$("form[name='SearchIndexes'] td span.main_text:contains('year(s)')").text("yrs");
  98. 		
  99. 		$("form[name='SearchIndexes'] td.main_text:contains('Surname at Death:')").html("Surname:<span class='redStar'>*</span>");
  100. 		$("form[name='SearchIndexes'] td.main_text:contains('First Forename at Death:')").text("Forename 1:");
  101. 		$("form[name='SearchIndexes'] td.main_text:contains('Second Forename at Death:')").text("Forename 2:");
  102. 		$("form[name='SearchIndexes'] td.main_text:contains('District of Death:')").text("District:");
  103. 		$("form[name='SearchIndexes'] td.main_text:contains('Age at'):contains('Death'):contains('in years')").text("Age:");
  104. 		
  105. 		$("form[name='SearchIndexes'] td.main_text:contains('Surname at Birth:')").html("Surname:<span class='redStar'>*</span>");
  106. 		$("form[name='SearchIndexes'] td.main_text:contains('First Forename:')").text("Forename 1:");
  107. 		$("form[name='SearchIndexes'] td.main_text:contains('Second Forename:')").text("Forename 2:");
  108. 		$("form[name='SearchIndexes'] td.main_text:contains('Maiden Surname:')").text("Mother:");
  109. 		$("form[name='SearchIndexes'] td.main_text:contains('District of Birth:')").text("District:");
  110. 		$("form[name='SearchIndexes'] td.main_text:contains('Register No:')").text("Register:");
  111. 		$("form[name='SearchIndexes'] td.main_text:contains('Entry'):contains('No:')").text("Entry:");
  112. 		
  113. 		$("form[name='SearchIndexes'] a:contains('View list of registration districts')").text("Districts");
  114.  
  115. 		
  116. 		// Add gender and year navigation buttons, and style them
  117. 		let searchButton = $("form[name='SearchIndexes'] input[type='submit'][value='Search']");
  118. 		$(searchButton).attr("accesskey", "?");
  119. 		$(searchButton).parent().find("br").remove();
  120.  
  121. 		$("<input type='button' class='formButton' accesskey='#' id='groish_BtnToggleGender' value='Gender' />").insertBefore($(searchButton));
  122. 		$("<input type='button' class='formButton' accesskey='[' id='groish_BtnYearsPrev' value='&lt; Years' />").insertBefore($(searchButton));
  123. 		$("<input type='button' class='formButton' accesskey=']' id='groish_BtnYearsNext' value='Years &gt;' />").insertBefore($(searchButton));
  124. 		
  125. 		let buttonContainer = $("form[name='SearchIndexes'] input[type='submit'][value='Search']").closest("td").addClass("groish_ButtonContainer");
  126. 		
  127. 		// Add button event handlers
  128. 		$("input#groish_BtnYearsPrev").click(function() { navigateYears(false); });
  129. 		$("input#groish_BtnYearsNext").click(function() { navigateYears(true); });
  130. 		$("input#groish_BtnToggleGender").click(function() { toggleGender(); });
  131. 		
  132. 		// Add death age sync checkbox
  133. 		let ageInput = $("form[name='SearchIndexes'] #Age");
  134. 		let ageInputContainer = $(ageInput).closest("td");
  135. 		if (ageInput && ageInputContainer && $(ageInput).is(":visible")) {
  136. 			
  137. 			// Add checkbox
  138. 			$("<input type='checkbox' id='groish_AgeSync' /> <label for='groish_AgeSync' class='main_text' title='Keep age in sync with year'>Sync</label>").appendTo($(ageInputContainer));
  139. 			
  140. 			// Get values
  141. 			let age = parseInt($(ageInput).val(), 10);
  142. 			let syncAge = (!isNaN(age)) && (sessionStorage.getItem("age-sync") === "true");
  143. 			
  144. 			// Set checkbox state
  145. 			$("input#groish_AgeSync").prop('checked', syncAge);
  146. 			
  147. 			// Add event handler to sync checkbox, to save state
  148. 			$("input#groish_AgeSync").click(function() { sessionStorage.setItem("age-sync", $("input#groish_AgeSync").is(":checked")); });
  149. 		}
  150.  
  151. 		// Set encoding
  152. 		if (typeof $("form[name='SearchIndexes']").attr("accept-charset") === typeof undefined) {
  153. 			$("form[name='SearchIndexes']").attr("accept-charset", "UTF-8");
  154. 		}
  155.  
  156. 	}
  157. 	
  158. 	var initialiseResultViews = function() {
  159. 		
  160. 		// Move default results table into a view container
  161. 		let defaultTable = $("form[name='SearchIndexes'] h3:contains('Results:')").closest("table").css("width", "100%").addClass("groish_ResultsTable");
  162. 		$(defaultTable).before($("<div results-view='default' />"));
  163. 		let defaultView = $("div[results-view='default']");
  164. 		$(defaultView).append($("table.groish_ResultsTable"));
  165.  
  166. 		// Move header row to before default view
  167. 		$(defaultView).before($("<div class='groish_ResultsHeader' style='margin: 10px 0px; position: relative' />"));
  168. 		$(".groish_ResultsHeader").append($("table.groish_ResultsTable h3:contains('Results:')"));
  169.  
  170. 		// Move pager row contents to after default view
  171. 		$(defaultView).after($("table.groish_ResultsTable > tbody > tr:last table:first"));
  172. 		$("div[results-view='default'] + table").css("width", "100%").addClass("groish_ResultsInfo");
  173.  
  174. 		// Get results, sort them and populate views
  175. 		results = getResults(recordType);
  176. 		sortResults();
  177. 		populateAlternateViews();
  178. 		
  179. 	}
  180. 	
  181. 	var sortResults = function(reverse, sortFieldsCsv) {
  182. 		//console.log("sorting results, sort fields: %s", sortFieldsCsv);
  183. 		
  184. 		if (!results || !results.items)
  185. 			return;
  186. 		
  187. 		let defaultSortFields = "year,quarter";
  188. 		
  189. 		// Get the last sort fields and order for the record type
  190. 		let sortFieldsKey 	= recordType + "-sort-fields";
  191. 		let sortOrderKey	= recordType + "-sort-order";
  192. 		let lastSortFields 	= sessionStorage.getItem(sortFieldsKey);
  193. 		let lastSortOrder 	= sessionStorage.getItem(sortOrderKey);
  194. 		
  195. 		// Cleanup values
  196. 		sortFieldsCsv = (sortFieldsCsv || "").replace(/\s\s+/g, ' ');
  197. 		lastSortFields = (lastSortFields || "").replace(/\s\s+/g, ' ');
  198. 		
  199. 		//console.log("last sort fields: %s; last sort order: %s", lastSortFields, lastSortOrder);
  200. 		
  201. 		let sortOrder = "asc";
  202. 		if (!sortFieldsCsv) {
  203. 			sortFieldsCsv = lastSortFields || defaultSortFields;
  204. 			sortOrder = lastSortOrder || "asc";
  205. 		}
  206. 		else if (sortFieldsCsv.localeCompare(lastSortFields) == 0 && sortOrder.localeCompare(lastSortOrder) == 0 && reverse) {
  207. 			sortOrder = "desc";
  208. 		}
  209. 	
  210. 		// Build sort fields and order arrays
  211. 		let sortFields = sortFieldsCsv.split(",");
  212. 		let sortOrders = Array.apply(null, Array(sortFields.length)).map(String.prototype.valueOf, sortOrder);
  213. 		
  214. 		// Append defaults if needed
  215. 		if (sortFieldsCsv.localeCompare(defaultSortFields) != 0) {
  216. 			sortFields.push("year");
  217. 			sortFields.push("quarter");
  218. 			
  219. 			sortOrders.push("asc");
  220. 			sortOrders.push("asc");
  221. 		}
  222. 		
  223. 		//console.log("sorting results by: %s (%s)", sortFields, sortOrders);
  224. 		results.items = _.orderBy(results.items, sortFields, sortOrders);
  225. 		
  226. 		sessionStorage.setItem(sortFieldsKey, sortFieldsCsv);
  227. 		sessionStorage.setItem(sortOrderKey, sortOrder);
  228. 	}
  229.  
  230. 	var populateAlternateViews = function() {
  231. 	
  232. 		// Add alternate view(s)
  233. 		if (recordType && resources && results && results.items && results.items.length > 0) {
  234. 			// Remove any existing views
  235. 			$("div[results-view][results-view!='default']").remove();
  236. 			
  237. 			// Add alternate views
  238. 			//console.log("Adding alternate views...");
  239. 			let viewPrefix = "view_" + recordType; // record type = EW_Birth, EW_Death
  240. 			for (let resourceName in resources) {
  241. 				let resourceNamePrefix = resourceName.substring(0, viewPrefix.length);
  242. 			
  243. 				if (resources.hasOwnProperty(resourceName) && viewPrefix.localeCompare(resourceNamePrefix) == 0) {
  244. 					let template =  resources[resourceName].toString();
  245. 					let compiledTemplate = Handlebars.compile(template);
  246. 					let html = compiledTemplate(results);
  247. 					
  248. 					if (html) {
  249. 						$("div[results-view]").filter(":last").after($(html));
  250. 						//console.log("Added alternate view");
  251. 					}
  252. 				}
  253. 			}
  254. 			
  255. 			// Add view helpers and event handlers, if not already added
  256. 			if ($("div[results-view]").length > 1) {
  257. 				// Add event handler to hide/show actions row
  258. 				// TODO: Make adding view event handlers more dynamic, so they can be specific to the view
  259. 				$("div[results-view][results-view!='default'] tbody tr.rec")
  260. 					.off("click.groish")
  261. 					.on("click.groish", function(event) {
  262.  
  263. 						event.preventDefault();
  264. 						$(this).next("tr.rec-actions:not(:empty)").toggle();
  265. 					}
  266. 				);
  267.  
  268. 				// Add event handler for column sorting
  269. 				$("div[results-view][results-view!='default'] thead td[sort-fields]")
  270. 					.off("click.groish")
  271. 					.on("click.groish", function(event) {
  272.  
  273. 						event.preventDefault();
  274. 						//let defaultSortFields = ($(this).closet("div[results-view]").attr("default-sort-fields");
  275. 						let sortFields = ($(this).attr("sort-fields") ? $(this).attr("sort-fields") : $(this).text());
  276. 						sortResults(true, sortFields);
  277. 						populateAlternateViews();
  278. 					}
  279. 				);
  280.  
  281. 				// Add view switcher, if it doesn't already exist
  282. 				if ($("#groish_ViewSwitcher").length == 0) {
  283. 					$(".groish_ResultsHeader").append($("<a href='#' id='groish_ViewSwitcher' class='main_text' accesskey='~'>Switch view</a>"));
  284. 					$("#groish_ViewSwitcher").off("click.groish").on("click.groish", function() { switchResultsView(); return false; });
  285.  
  286.  
  287. 					// Add results copier (if supported)
  288. 					if (window.getSelection && document.createRange) {
  289. 						$(".groish_ResultsHeader").append($("<a href='#' id='groish_ResultsCopier' class='main_text' accesskey='|'>Copy results</a>"));
  290. 						$("#groish_ResultsCopier")
  291. 							.off("click.groish")
  292. 							.on("click.groish", function(event) {
  293.  
  294. 								event.preventDefault();
  295.  
  296. 								// Get most specific element containing results, typically a table body
  297. 								let resultsContent = $("div[results-view]:visible tbody");
  298.  
  299. 								if (resultsContent.length == 0)
  300. 									resultsContent = $("div[results-view]:visible");
  301. 								
  302. 								if (resultsContent.length > 0) {
  303. 									resultsContent = resultsContent[0];
  304. 									let selection = window.getSelection();
  305. 									let range = document.createRange();
  306. 									range.selectNodeContents(resultsContent);
  307. 									selection.removeAllRanges();
  308. 									selection.addRange(range);
  309.  
  310. 									try {
  311. 										if (document.execCommand("copy")) {
  312. 											selection.removeAllRanges();
  313. 											$(".groish_Message").text("Results copied to clipboard").show();
  314. 											setTimeout(function() { $(".groish_Message").fadeOut(); }, 3000);
  315. 										}
  316. 									}
  317. 									catch(e) { }
  318. 								}
  319.  
  320. 								return false;
  321. 						});
  322. 					}
  323. 				}
  324. 			}
  325.  
  326. 			
  327. 			// Show the last used view
  328. 			let viewName = sessionStorage.getItem("groish_view." + recordType);
  329. 			//console.log("initialising view: %s", viewName);
  330. 			if (viewName && $("div[results-view='" + viewName + "']:hidden").length == 1) {
  331. 				//console.log("setting active view: %s", viewName);
  332. 				$("div[results-view][results-view!='" + viewName + "']").hide();
  333. 				$("div[results-view][results-view='" + viewName + "']").show();
  334. 			}
  335. 		}
  336. 		
  337. 	}
  338.  
  339. 	var switchResultsView = function() {
  340. 		let views = $("div[results-view]");
  341. 		if (views.length > 1) {
  342. 			let curIndex = -1;
  343. 			$(views).each(function(index) {
  344. 				if ($(this).css("display") != "none")
  345. 					curIndex = index;
  346. 			});
  347.  
  348. 			//console.log("current view index: %s", curIndex);
  349. 			if (curIndex !== -1) {
  350. 				let newIndex = ((curIndex == (views.length-1)) ? 0 : curIndex+1);
  351. 				$(views).hide();
  352. 				$("div[results-view]:eq(" + newIndex + ")").show();
  353.  
  354. 				$(".groish_Message").hide();
  355.  
  356. 				// Get the name and save it
  357. 				let viewName = $("div[results-view]:eq(" + newIndex + ")").attr("results-view")
  358. 				sessionStorage.setItem("groish_view." + recordType, viewName); //save it
  359. 				//console.log("new view: %s", viewName);
  360. 			}
  361. 		}
  362. 	}
  363. 	
  364. 	var getResults = function(recordType) {
  365. 		let results = { "ageWarningThreshold": 24, "items": [], "failures": [] };
  366. 		
  367. 		// Lookup record type - birth or death
  368. 		if (recordType !== null && (recordType === "EW_Birth" || recordType === "EW_Death")) {
  369. 			let gender = $("form[name='SearchIndexes'] select#Gender").val();
  370. 			let year = parseInt($("form[name='SearchIndexes'] select#Year").val(), 10);
  371. 			let dataFormat = (year >= 1993 ? 1993 : (year >= 1984 ? 1984 : 1837));
  372.  
  373. 			// Save the data format
  374. 			results["dataFormat" + dataFormat] = true;
  375. 			
  376. 			$("div[results-view='default'] > table > tbody > tr")
  377. 				.has("input[type='radio'][name='SearchResult']")
  378. 				.each(function(index) {
  379. 						try
  380. 						{
  381. 							//console.log("Parsing record (%d)...", index);
  382. 							
  383. 							let quarterNames = [ "Mar", "Jun", "Sep", "Dec" ];
  384. 							
  385. 							// Get result id, contains year and record id
  386. 							let recordId = null;
  387. 							let resultId = $(this).find("input[type='radio'][name='SearchResult']:first").val();
  388. 													
  389. 							if (resultId && resultId.length > 5 && resultId.indexOf('.') == 4)
  390. 								recordId = resultId.substring(5);
  391. 				
  392. 							// Get names and reference
  393. 							let names 	= $(this).find("td:eq(1)").text().replace(/\u00a0/g, " ").replace(/\s\s+/g, ' ').trim();
  394. 							let ref 	= $(this).next().find("td:eq(0)").text();
  395.  
  396. 							// Clean up reference
  397. 							ref = ref.replace(/\u00a0/g, " ");
  398. 							ref = ref.replace(/\s\s+/g, ' ');
  399. 							ref = ref.replace(/GRO Reference: /g, "");
  400. 							ref = ref.replace(/M Quarter in/g, "Q1");
  401. 							ref = ref.replace(/J Quarter in/g, "Q2");
  402. 							ref = ref.replace(/S Quarter in/g, "Q3");
  403. 							ref = ref.replace(/D Quarter in/g, "Q4");
  404. 							ref = ref.replace(/Order this entry as a:/g, "");
  405. 							ref = ref.replace(/Entry Number(:|)/gi, "Entry");
  406. 							ref = ref.replace(/Occasional Copy(:|)/gi, "Copy");
  407. 							ref = ref.replace(/^DOR /gi, "");
  408. 							ref = ref.replace(/ Union /gi, " ");
  409. 							
  410. 							if (/(((-|Q[1-9])\/[0-9]{4}) in )/gi.test(ref))
  411.                               ref = ref.replace(/(((-|Q[1-9])\/[0-9]{4}) in )/gi, "$2 ");
  412. 							
  413. 							ref = ref.replace(/\s\s+/g, ' ');
  414. 							ref = ref.trim();
  415.  
  416.  
  417. 							// Parse forenames, surname
  418. 							let namesArr 	= /([a-z' -]+),([a-z' -]*)/gi.exec(names);
  419. 							//console.log("index: %d, namesArr: %s", index, namesArr);
  420. 							
  421. 							// Parse mother's maiden name
  422. 							let mother = null;
  423. 							if (recordType === "EW_Birth")
  424. 								mother = toTitleCase($(this).find("td:eq(2)").text().replace(/\u00a0/g, " ").replace(/\s\s+/g, ' ')).trim();
  425. 							
  426. 							// Initialise record
  427. 							let record =
  428. 								{
  429. 									"recordId":		recordId,
  430. 									"ref":			ref,
  431. 									"gender":		gender,
  432. 									"forenames": 	toTitleCase(namesArr[2]).trim(),
  433. 									"surname": 		toTitleCase(namesArr[1]).trim(),
  434. 									"age": 			null,
  435. 									"yob":			null,
  436. 									"birth":		null,
  437. 									"mother": 		mother,
  438. 									"actions": 		[]
  439. 								};
  440.  
  441. 							
  442. 							// Parse reference
  443. 							// TODO: Use named capture groups when widely supported in browsers
  444. 							let refPatterns = 
  445. 							[
  446. 								{
  447. 									// 1937 Q3 NORTHAMPTON Volume 03B Page 32
  448. 									"pattern": 	"([0-9]{4}) Q([1-4]) ([a-z\\.\\-,\\(\\)0-9\\&'\\/ ]*) (Volume ([a-z0-9]+)) (Page ([0-9a-z]+))( Copy ([0-9a-z]+)|)",
  449. 									"indexes": 	{ "year": 1, "quarter": 2, "district": 3, "volume": 5, "page": 7, "copy": 9 }
  450. 								},
  451. 								{
  452. 									// 1937 Q3 NORTHAMPTON Volume 03B
  453. 									"pattern": 	"([0-9]{4}) Q([1-4]) ([a-z\\.\\-,\\(\\)0-9\\&'\\/ ]*) (Volume ([a-z0-9]+))( Copy: ([0-9a-z]+)|)",
  454. 									"indexes": 	{ "year": 1, "quarter": 2, "district": 3, "volume": 5, "copy": 7 }
  455. 								},
  456. 								{
  457. 									// DOR -/1992 NORTHAMPTON (6701C) Volume 7 Page 2375 Entry Number 126
  458. 									"pattern": 	"(-|Q([1-4]))\\/([0-9\\-]{1,4}) ([a-z\\.\\-,\\(\\)0-9\\&'\\/ ]*) (Volume ([a-z0-9]+)) (Page ([0-9a-z]+)) (Entry ([0-9a-z]+))( Copy ([0-9a-z]+)|)",
  459. 									"indexes": 	{ "quarter": 2, "year": 3, "district": 4, "volume": 6, "page": 8, "entry": 10, "copy": 12 }
  460. 								},
  461. 								{
  462. 									// DOR Q4/1984 NORTHAMPTON (6701B) Volume 7 Page 2456 
  463. 									"pattern": 	"(-|Q([1-4]))\\/([0-9\\-]{1,4}) ([a-z\\.\\-,\\(\\)0-9\\&'\\/ ]*) (Volume ([a-z0-9]+)) (Page ([0-9a-z]+))( Copy ([0-9a-z]+)|)",
  464. 									"indexes": 	{ "quarter": 2, "year": 3, "district": 4, "volume": 6, "page": 8, "copy": 10 }
  465. 								},
  466. 								{
  467. 									// DOR Q2/2000 Northampton (6701A) Reg A59B Entry Number 96 
  468. 									"pattern": 	"(-|Q([1-4]))\\/([0-9\\-]{1,4}) ([a-z\\.\\-,\\(\\)0-9\\&'\\/ ]*) (Reg ([a-z0-9]+)) (Entry ([0-9a-z]+))( Copy ([0-9a-z]+)|)",
  469. 									"indexes": 	{ "quarter": 2, "year": 3, "district": 4, "reg": 6, "entry": 8, "copy": 10 }
  470. 								},
  471. 								{
  472. 									// DOR Q2/2000 Northampton (6701A) Entry Number 96 
  473. 									"pattern": 	"(-|Q([1-4]))\\/([0-9\\-]{1,4}) ([a-z\\.\\-,\\(\\)0-9\\&'\\/ ]*) (Entry ([0-9a-z]+))( Copy ([0-9a-z]+)|)",
  474. 									"indexes":	{ "quarter": 2, "year": 3, "district": 4, "entry": 6, "copy": 8 }
  475. 								}
  476. 							];
  477. 							
  478. 							for (let p of refPatterns) {
  479. 								let re 		= new RegExp(p.pattern, "gi");
  480. 								let result 	= re.exec(ref);
  481. 								
  482. 								if (result) {
  483. 									if (p.indexes) {
  484. 										for (const [key, value] of Object.entries(p.indexes)) {
  485. 											//console.log("index: %d, name: %s, value: %s", value, key, result[value]);
  486. 											record[key] = (result && result.length > value && result[value]) ? result[value] : null;
  487. 										}
  488. 									}
  489. 									break;
  490. 								}
  491. 							}
  492. 							
  493. 							// Set format
  494. 							let recordYear 			= (record.year ? record.year : year);
  495. 							let recordDataFormat 	= (recordYear >= 1993 ? 1993 : (recordYear >= 1984 ? 1984 : 1837));
  496. 							record["dataFormat"] 	= recordDataFormat;
  497. 							results["dataFormat" + recordDataFormat] = true;
  498. 							
  499. 							// Parse age and year of birth
  500. 							if (recordType === "EW_Death") {
  501. 								
  502. 								if (record.dataFormat == 1837) {
  503. 									let ageArr = /^([0-9]{1,3})$/.exec($(this).find("td:eq(2)").text().replace(/\u00a0/g, " ").replace(/\s\s+/g, ' ').trim());
  504. 									if (ageArr)
  505. 										record.age = parseInt(ageArr[1], 10);
  506. 								}
  507. 								else if (record.dataFormat >= 1984) {
  508. 									let yobArr = /^([0-9]{4})$/.exec($(this).find("td:eq(2)").text().replace(/\u00a0/g, " ").replace(/\s\s+/g, ' ').trim());
  509. 									if (yobArr)
  510. 										record.yob = parseInt(yobArr[1], 10);
  511. 								}
  512. 							}
  513. 							
  514. 							
  515. 							// Tidy up data...
  516.  
  517. 							// Tidy up strings
  518. 							if (record.district) {
  519. 								record.district	= toTitleCase(record.district);
  520. 								
  521. 								for (let prefix of [ "The ", "Of ", "Union Of "]) {
  522. 									if (record.district.startsWith(prefix))
  523. 										record.district = record.district.replace(prefix, "");
  524. 								}
  525. 							}
  526. 							
  527. 							for (let key of [ "forenames", "surname", "district", "volume", "page", "reg", "entry", "copy" ]) {
  528. 								if (record[key]) {
  529. 									record[key] = record[key].trim();
  530. 								}
  531. 							}
  532. 							
  533. 							// Tidy up integers
  534. 							for (let key of [ "age", "yob", "birth", "quarter", "year" ]) {
  535. 								
  536. 								if (record[key]) {
  537. 									record[key] = parseInt(record[key], 10);
  538. 									
  539. 									if (isNaN(record[key]))
  540. 										record[key] = null;
  541. 								}
  542. 							}
  543. 							
  544. 							// Set calculated data
  545. 							if (record.yob && record.yob > 0) {
  546. 								record.birth = record.yob;
  547. 								
  548. 								if (record.year && record.year > 0)
  549. 									record.age = record.year - record.yob;
  550. 							}
  551. 							else if (record.age != null && record.year && record.year > 0) {
  552. 								record.birth = record.year - record.age;
  553. 							}
  554. 							
  555. 							record.noForenames	= (!record.forenames || record.forenames == "-");
  556. 							record.ageWarning	= (record.age && record.age > 0 && record.age <= results.ageWarningThreshold);
  557. 							record.quarterName	= ((record.quarter && record.quarter >=1 && record.quarter <= 4) ? quarterNames[record.quarter-1] : null);
  558.  
  559. 							
  560. 							//console.log("resultId: %s, record.recordId: %s, record.year: %s, recordType: %s", resultId, record.recordId, record.year, recordType);
  561. 							
  562. 							// Determine what actions are supported for the record and add them
  563. 							if (record.recordId && record.year && recordType) {
  564. 								
  565. 								// Define possible actions
  566. 								let actions = [
  567. 									{ "text": "Order Certificate", 		"url": null, "itemType": "Certificate", "pdfStatus": 0, "selector": "img[src$='order_certificate_button.gif']" },
  568. 									{ "text": "Order PDF", 				"url": null, "itemType": "PDF", 		"pdfStatus": 5, "selector": "img[src$='order_pdf_button.gif']" }
  569. 									//{ "text": "Order MSF + Bundle", 	"url": null, "itemType": "MSFBundle", 	"pdfStatus": 0, "selector": "img[src$='order_certificate_button.gif']" }
  570. 								];
  571. 							
  572. 								for (let i = 0; i < actions.length; i++) {
  573. 									
  574. 									if ($(this).next().find(actions[i].selector).length) {
  575. 										
  576. 										// Build order url
  577. 										let orderUrl = "https://www.gro.gov.uk/gro/content/certificates/indexes_order.asp?";
  578. 										
  579. 										orderUrl += "Index=" + recordType;
  580. 										orderUrl += "&Year=" + record.year;
  581. 										orderUrl += "&EntryID=" + record.recordId;
  582. 										orderUrl += "&ItemType=" + actions[i].itemType;
  583. 										
  584. 										if (actions[i].pdfStatus && actions[i].pdfStatus > 0)
  585. 											orderUrl += "&PDF=" + actions[i].pdfStatus;
  586. 										
  587. 										actions[i].url = orderUrl;
  588. 										record.actions.push(actions[i]);
  589. 									}
  590. 									
  591. 									//console.log("action '%s' (%s), url: %s", actions[i].itemType, actions[i].selector, actions[i].url);
  592. 								}
  593. 							}
  594. 							
  595. 							
  596. 							//console.log(record);
  597. 							results.items.push(record);
  598. 						}
  599. 						catch (e)
  600. 						{
  601. 							//console.log("Failed to parse record (%d): %s", index, e.message);
  602. 							results.failures.push({ "index": index, "ex": e });
  603. 						}
  604. 					});
  605. 		}
  606. 		
  607. 		return results;
  608. 	}
  609.  
  610. 	var toTitleCase = function(str) {
  611. 		return str.replace(/([^\W_]+[^\s-]*) */g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
  612. 	}
  613. 	
  614. 	var switchRecordType = function() {
  615. 		let recordTypes = $("form[name='SearchIndexes'] input[type='Radio'][name='index']");
  616.  
  617. 		let curIndex = -1;
  618. 		for (let i = 0; i < recordTypes.length; i++) {
  619. 			if ($(recordTypes).eq(i).prop("checked")) {
  620. 				curIndex = i;
  621. 				break;
  622. 			}
  623. 		}
  624. 		
  625. 		//console.log("current record type: %d", curIndex);
  626.  
  627. 		if (curIndex >= 0) {
  628. 			let nextIndex = (curIndex == (recordTypes.length-1)) ? 0 : curIndex + 1;
  629.  
  630. 			if (nextIndex != curIndex)
  631. 				$(recordTypes).eq(nextIndex).prop("checked", true).click();
  632. 			
  633. 			//console.log("next record type: %d", nextIndex);
  634. 		}			
  635. 	}
  636.  
  637. 	var toggleGender = function() {
  638. 		let curGender = $("form[name='SearchIndexes'] select#Gender").val();
  639. 		$("form[name='SearchIndexes'] select#Gender").val((curGender === "F" ? "M" : "F"));
  640. 		$("form[name='SearchIndexes'] input[type='submit'][value='Search']").click();
  641. 	}
  642. 	
  643. 	var adjustSearchYear = function(step) {
  644. 		let adjusted = false;
  645. 		
  646. 		// Get min and max years
  647. 		let minYear = parseInt($("form[name='SearchIndexes'] select#Year option:eq(2)").val(), 10);
  648. 		let maxYear = parseInt($("form[name='SearchIndexes'] select#Year option:last").val(), 10);
  649.  
  650. 		//console.log("Year range: %s - %s", minYear, maxYear);
  651.  
  652. 		if (!isNaN(step) && !isNaN(minYear) && !isNaN(maxYear)) {
  653. 			// Read current year and range
  654. 			let curYear = parseInt($("form[name='SearchIndexes'] select#Year").val(), 10);
  655. 			let curRange = parseInt($("form[name='SearchIndexes'] select#Range").val(), 10);
  656. 			
  657. 			if (isNaN(curYear) || curYear === 0)
  658. 				curYear = 1837;
  659.  
  660. 			if (!isNaN(curRange)) {
  661. 				// Calculate the new year
  662. 				let newYear = (isNaN(curYear) ? minYear : curYear+step);
  663. 				newYear = Math.min(Math.max(newYear, minYear), maxYear);
  664. 				
  665. 				if (newYear != curYear) {
  666. 					
  667. 					// Get list of all years
  668. 					let years = $("form[name='SearchIndexes'] select#Year option[value]")
  669. 									.toArray()
  670. 									.map(el => parseInt(el.value, 10))
  671. 									.filter(y => !isNaN(y) && y > 0)
  672. 									.sort();
  673. 									
  674. 					//console.log(years);
  675. 					
  676. 					// If the year doesn't exist try and find the closest
  677. 					if (!years.find(y => y === newYear)) {
  678. 						let stepRange = (Math.abs(step)-1)/2;
  679. 						let nowYear = new Date().getFullYear();
  680. 						
  681. 						let minYear = (step > 0) ? newYear - stepRange : 1837;
  682. 						let maxYear = (step < 0) ? newYear + stepRange : nowYear;
  683. 						
  684. 						minYear = Math.min(Math.max(minYear, 1837), nowYear);
  685. 						maxYear = Math.min(Math.max(maxYear, 1837), nowYear);
  686. 						
  687. 						years = years.filter(y => y >= minYear && y <= maxYear);
  688. 						
  689. 						newYear = findClosestNumber(years, newYear, minYear, maxYear);
  690. 					}
  691.  
  692. 					//console.log("newYear: %d", newYear);
  693. 					
  694. 					if (newYear && newYear > 0 && newYear != curYear)
  695. 					{
  696. 						$("form[name='SearchIndexes'] select#Year").val(newYear);
  697. 						adjusted = true;
  698. 					}
  699. 				}
  700. 				
  701. 				// Adjust death age
  702. 				if (adjusted && curYear && newYear && $("input#groish_AgeSync").is(":checked")) {
  703. 					
  704. 					// Is the new year in line with the step size?
  705. 					if (curYear + step === newYear) {
  706. 						let curAge = parseInt($("form[name='SearchIndexes'] #Age").val(), 10);
  707. 						if (!isNaN(curAge)) {
  708. 							let newAge = Math.max(curAge + step, 0);
  709. 							$("#Age").val(newAge);
  710. 							//console.log("syncing age: %d -> %d", curAge, newAge);
  711. 						}
  712. 					}
  713. 				}
  714. 			}
  715.  
  716. 			//console.log("Current year: %d +-%d (%d-%d), New year: %d (%d-%d)", curYear, curRange, curYear-curRange, curYear+curRange, newYear, newYear-curRange, newYear+curRange);
  717. 		}
  718.  
  719. 		return adjusted;
  720. 	}
  721. 	
  722. 	var findClosestNumber = function(numbers, target, minNumber, maxNumber) {
  723. 		
  724. 		//console.log("target: %d, minNumber: %d, maxNumber: %d", target, minNumber, maxNumber);
  725. 		let number = 0;
  726. 		
  727. 		if (numbers && target && minNumber && maxNumber && minNumber <= maxNumber) {
  728. 			target = parseInt(target, 10);
  729. 			minNumber = parseInt(minNumber, 10);
  730. 			maxNumber = parseInt(maxNumber, 10);
  731. 			
  732. 			if (numbers.find(n => n === target)) {
  733. 				number = target;
  734. 			}
  735. 			else {
  736. 				for (let i = 0; i < numbers.length; i++) {
  737. 					let n = numbers[i];
  738. 					if (!isNaN(n) && n >= minNumber && n <= maxNumber && Math.abs(target-n) < Math.abs(target-number)) {
  739. 						number = n;
  740. 						if (Math.abs(target-number) == 1)
  741. 							break;
  742. 					}
  743. 				}
  744. 			}
  745. 		}
  746. 		
  747. 		return number;
  748. 	}
  749.  
  750. 	var navigateYears = function(forward) {
  751. 		let curRange = parseInt($("form[name='SearchIndexes'] select#Range").val(), 10);
  752. 		
  753. 		if (!isNaN(curRange)) {
  754. 			// Calculate the new year
  755. 			let step = (curRange * 2) + 1;
  756. 			if (!forward) step = -step;
  757. 		
  758. 			if (adjustSearchYear(step)) {
  759. 				$("form[name='SearchIndexes'] input[type='submit'][value='Search']").click();
  760. 			}
  761. 		}
  762. 	}
  763. 	
  764. 	var getRecordType = function() {
  765. 		return $("form[name='SearchIndexes'] input[type='radio'][name='index']:checked").val();
  766. 	}
  767.  
  768. 	var buildResources = function() {
  769. 		resources = {
  770.  
  771. 			baseStyle: `
  772. <style type="text/css">
  773. 	body
  774. 	{
  775. 		min-height: 1200px;
  776. 		background-color: #EAEAEA;
  777. 	}
  778. 	
  779. 	/* widen the page */
  780. 	body > table[width="800"]
  781. 	{
  782. 		width: 960px !important;
  783. 	}
  784. 	
  785. 	/* widen header */
  786. 	table[width="780"][height="80"].banner
  787. 	{
  788. 		width: 100% !important;
  789. 	}
  790.  
  791. 	/* widen content area */
  792. 	body > table[width="800"] td[width="600"],
  793. 	body > table[width="800"] table[width="600"]
  794. 	{
  795. 		width: 760px !important;
  796. 	}
  797.  
  798. 	form[name="SearchIndexes"]
  799. 	{
  800. 		position: relative !important;
  801. 	}
  802. 	
  803. 	.groish_ButtonContainer
  804. 	{
  805. 		padding-bottom: 10px;
  806. 	}
  807. 	
  808. 	.groish_ButtonContainer input[type='submit'],
  809. 	.groish_ButtonContainer input[type='button']
  810. 	{
  811. 		margin-right: 20px;
  812. 		min-width: 100px;
  813. 		font-size: 13px;
  814. 		padding: 6px 10px;
  815. 		background-color: #15377E;
  816. 		border-width: 0px;
  817. 	}
  818. 	
  819. 	.groish_ButtonContainer input[type='submit']
  820. 	{
  821. 		margin-right: 0px;
  822. 	}
  823. 	
  824. 	#groish_ResultsCopier,
  825. 	#groish_ViewSwitcher
  826. 	{
  827. 		display:inline-block;
  828. 		position: absolute;
  829. 		bottom: 0px;
  830. 		color: #0076C0;
  831. 		font-weight: bold;
  832. 		cursor: pointer;
  833. 	}
  834. 	
  835. 	#groish_ResultsCopier
  836. 	{
  837. 		right: 120px;
  838. 	}
  839. 	
  840. 	#groish_ViewSwitcher
  841. 	{
  842. 		right: 10px;
  843. 	}
  844. 	
  845. 	div[results-view] td[sort-fields]:hover
  846. 	{
  847. 		cursor: pointer;
  848. 	}
  849.  
  850. 	.groish_Message
  851. 	{
  852. 		position: absolute;
  853. 		bottom: -30px;
  854. 		left: 5px;
  855. 	}
  856. 	
  857. 	#groish_AgeSync
  858. 	{
  859. 		vertical-align: middle;
  860. 	}
  861.  
  862. </style>
  863. `,
  864.  
  865. 			view_EW_Birth_Table: `
  866. <style type="text/css">
  867. 	div[results-view='EW_Birth-Table'] td
  868. 	{
  869. 		padding: 5px 3px;
  870. 		font-size: 75%;
  871. 		color: #222;
  872. 		vertical-align: top;
  873. 	}
  874. 	
  875. 	div[results-view='EW_Birth-Table'] thead td
  876. 	{
  877. 		font-weight: bold;
  878. 	}
  879. 	
  880. 	div[results-view='EW_Birth-Table'] tbody tr:nth-child(4n+1),
  881. 	div[results-view='EW_Birth-Table'] tbody tr:nth-child(4n+2)
  882. 	{
  883. 		background-color: #CCE0FF;
  884. 	}
  885. 	
  886. 	div[results-view='EW_Birth-Table'] tr.rec-actions a
  887. 	{
  888. 		padding: 0px 5px;
  889. 		font-size: 90%;
  890. 		color: #15377E;
  891. 		text-decoration: none;
  892. 	}
  893. </style>
  894. <div results-view='EW_Birth-Table' style='display: none; margin-bottom: 25px' default-sort-fields='year,quarter'>
  895. 	<table style='width: 100%; border-collapse: collapse'>
  896. 		<thead>
  897. 			<tr>
  898. 				<td style='width: 12%' sort-fields='year,quarter'>Date</td>
  899. 				<td style='width: 30%' sort-fields='forenames,surname'>Name</td>
  900. 				<td style='width: 15%' sort-fields='mother'>Mother</td>
  901. 				<td style='width: 25%' sort-fields='district'>District</td>
  902. 				<td style='width: 6%'  sort-fields='volume,district'>Vol</td>
  903. 				<td style='width: 6%'  sort-fields='page,volume'>Page</td>
  904. 				<td style='width: 6%'  sort-fields='copy,volume'>Copy</td>
  905. 			</tr>
  906. 		</thead>
  907. 		<tbody>
  908. 		{{#each items}}
  909. 			<tr class='rec'>
  910. 				<td>{{year}} Q{{quarter}}</td>
  911. 				<td><span class='forenames'>{{forenames}}</span> <span class='surname'>{{surname}}</span>{{#if noForenames}} ({{gender}}){{/if}}</td>
  912. 				<td>{{mother}}</td>
  913. 				<td>{{district}}</td>
  914. 				<td>{{volume}}</td>
  915. 				<td>{{page}}</td>
  916. 				<td>{{copy}}</td>
  917. 			</tr>
  918. 			<tr class='rec-actions' style='display: none'>
  919. 				<td colspan='7' style='text-align: right'>
  920. 				{{#actions}}
  921. 					<a href='{{url}}' {{#if title}}title='{{title}}'{{/if}}>{{text}}</a>
  922. 				{{/actions}}
  923. 				</td>
  924. 			</tr>
  925. 		{{/each}}
  926. 		</tbody>
  927. 	</table>
  928. 	{{#if failures}}
  929. 		<p class='main_text' style='color: Red'>WARNING: Failed to parse {{failures.length}} records. See default view for full list.</p>
  930. 		<!--
  931. 			{{#each failures}}record parse exception ({{index}}): exception: {{ex.message}}{{/each}}
  932. 		-->
  933. 	{{/if}}
  934. 	<p class='main_text groish_Message'></p>
  935. </div>`,
  936. 		
  937. 			view_EW_Birth_Delimited: `
  938. <style type="text/css">
  939. 	div[results-view='EW_Birth-Delimited'] td
  940. 	{
  941. 		padding: 5px 3px;
  942. 		font-size: 75%;
  943. 		color: #222;
  944. 		vertical-align: top;
  945. 	}
  946. 	
  947. 	div[results-view='EW_Birth-Delimited'] thead td
  948. 	{
  949. 		font-weight: bold;
  950. 	}
  951. 	
  952. 	div[results-view='EW_Birth-Delimited'] tbody tr:nth-child(odd)
  953. 	{
  954. 		background-color: #CCE0FF;
  955. 	}
  956.  
  957. </style>
  958. <div results-view='EW_Birth-Delimited' style='display: none; margin-bottom: 25px' default-sort-fields='year,quarter'>
  959. 	<table style='width: 100%; border-collapse: collapse'>
  960. 		<thead>
  961. 			<tr>
  962. 				<td style='width: 100%' sort-fields='year,quarter'>Births</td>
  963. 			</tr>
  964. 		</thead>
  965. 		<tbody>
  966. 		{{#each items}}
  967. 			<tr class='rec'>
  968. 				<td>
  969. 				{{year}} Q{{quarter}} Birth: 
  970. 				{{forenames}} {{surname}}{{#if noForenames}} ({{gender}}){{/if}} 
  971. 				(mmn: {{mother}}); 
  972. 				{{district}};{{#if volume}} Vol {{volume}};{{/if}}{{#if page}} Page {{page}};{{/if}}{{#if copy}} Copy {{copy}};{{/if}}
  973. 				</td>
  974. 			</tr>
  975. 		{{/each}}
  976. 		</tbody>
  977. 	</table>
  978. 	{{#if failures}}
  979. 		<p class='main_text' style='color: Red'>WARNING: Failed to parse {{failures.length}} records. See default view for full list.</p>
  980. 		<!--
  981. 			{{#each failures}}record parse exception ({{index}}): exception: {{ex.message}}{{/each}}
  982. 		-->
  983. 	{{/if}}
  984. 	<p class='main_text groish_Message'></p>
  985. </div>`,
  986.  
  987. 			view_EW_Death_Table: `
  988. <style type="text/css">
  989. 	div[results-view='EW_Death-Table'] td
  990. 	{
  991. 		padding: 5px 3px;
  992. 		font-size: 75%;
  993. 		color: #222;
  994. 		vertical-align: top;
  995. 	}
  996. 	
  997. 	div[results-view='EW_Death-Table'] thead td
  998. 	{
  999. 		font-weight: bold;
  1000. 	}
  1001. 	
  1002. 	div[results-view='EW_Death-Table'] tbody tr:nth-child(4n+1),
  1003. 	div[results-view='EW_Death-Table'] tbody tr:nth-child(4n+2)
  1004. 	{
  1005. 		background-color: #CCE0FF;
  1006. 	}
  1007. 	
  1008. 	div[results-view='EW_Death-Table'] tr.rec-actions a
  1009. 	{
  1010. 		padding: 0px 5px;
  1011. 		font-size: 90%;
  1012. 		color: #15377E;
  1013. 		text-decoration: none;
  1014. 	}
  1015. </style>
  1016. <div results-view='EW_Death-Table' style='display: none; margin-bottom: 25px' default-sort-fields='year,quarter'>
  1017. 	<table style='width: 100%; border-collapse: collapse'>
  1018. 		<thead>
  1019. 			<tr>
  1020. 				<td style='width: 12%' sort-fields='year,quarter'>Date</td>
  1021. 				<td style='width: 26%' sort-fields='forenames,surname'>Name</td>
  1022. 				<td style='width: 8%'  sort-fields='age'>Age{{#if ageCautionThreshold}}*{{/if}}</td>
  1023. 				<td style='width: 8%'  sort-fields='birth'>Birth</td>
  1024. 				<td style='width: 28%' sort-fields='district'>District</td>
  1025. 				{{#if (and dataFormat1984 dataFormat1993)}}
  1026. 					<td style='width: 6%' >Vl/Rg</td>
  1027. 					<td style='width: 6%' >Pg/Ey</td>
  1028. 				{{else if dataFormat1993}}
  1029. 					<td style='width: 6%'  sort-fields='reg,district'>Reg</td>
  1030. 					<td style='width: 6%'  sort-fields='entry,volume'>Entry</td>
  1031. 				{{else}}
  1032. 					<td style='width: 6%'  sort-fields='volume,district'>Vol</td>
  1033. 					<td style='width: 6%'  sort-fields='page,volume'>Page</td>
  1034. 				{{/if}}
  1035. 				<td style='width: 6%'  sort-fields='copy,volume'>Copy</td>
  1036. 			</tr>
  1037. 		</thead>
  1038. 		<tbody>
  1039. 		{{#each items}}
  1040. 			<tr class='rec'>
  1041. 				<td>{{year}}{{#if quarter}} Q{{quarter}}{{/if}}</td>
  1042. 				<td><span class='forenames'>{{forenames}}</span> <span class='surname'>{{surname}}</span>{{#if noForenames}} ({{gender}}){{/if}}</td>
  1043. 				<td>{{age}}</td>
  1044. 				<td>{{birth}}
  1045. 				<td>{{district}}</td>
  1046. 				<td>{{#if volume}}{{volume}}{{else if reg}}{{reg}}{{/if}}</td>
  1047. 				<td>{{#if page}}{{page}}{{else if entry}}{{entry}}{{/if}}</td>
  1048. 				<td>{{copy}}</td>
  1049. 			</tr>
  1050. 			<tr class='rec-actions' style='display: none'>
  1051. 				<td colspan='8' style='text-align: right'>
  1052. 				{{#actions}}
  1053. 					<a href='{{url}}' {{#if title}}title='{{title}}'{{/if}}>{{text}}</a>
  1054. 				{{/actions}}
  1055. 				</td>
  1056. 			</tr>
  1057. 		{{/each}}
  1058. 		</tbody>
  1059. 	</table>
  1060. 	{{#if failures}}
  1061. 		<p class='main_text' style='color: Red'>WARNING: Failed to parse {{failures.length}} records. See default view for full list.</p>
  1062. 		<!--
  1063. 			{{#each failures}}record parse exception ({{index}}): exception: {{ex.message}}{{/each}}
  1064. 		-->
  1065. 	{{/if}}
  1066. 	<p class='main_text groish_Message'></p>
  1067. </div>`,
  1068.  
  1069. 			view_EW_Death_Delimited: `
  1070. <style type="text/css">
  1071. 	div[results-view='EW_Death-Delimited'] td
  1072. 	{
  1073. 		padding: 5px 3px;
  1074. 		font-size: 75%;
  1075. 		color: #222;
  1076. 		vertical-align: top;
  1077. 	}
  1078. 	
  1079. 	div[results-view='EW_Death-Delimited'] thead td
  1080. 	{
  1081. 		font-weight: bold;
  1082. 	}
  1083. 	
  1084. 	div[results-view='EW_Death-Delimited'] tbody tr:nth-child(odd)
  1085. 	{
  1086. 		background-color: #CCE0FF;
  1087. 	}
  1088. 	
  1089. </style>
  1090. <div results-view='EW_Death-Delimited' style='display: none; margin-bottom: 25px' default-sort-fields='year,quarter'>
  1091. 	<table style='width: 100%; border-collapse: collapse'>
  1092. 		<thead>
  1093. 			<tr>
  1094. 				<td style='width: 100%' sort-fields='year,quarter'>Deaths</td>
  1095. 			</tr>
  1096. 		</thead>
  1097. 		<tbody>
  1098. 		{{#each items}}
  1099. 			<tr class='rec'>
  1100. 				<td>
  1101. 					{{year}}{{#if quarter}} Q{{quarter}}{{/if}} Death: 
  1102. 					{{forenames}} {{surname}}{{#if noForenames}} ({{gender}}){{/if}};
  1103. 					{{#if yob}}
  1104. 						Born {{yob}} (age {{age}});
  1105. 					{{else}}
  1106. 						Age {{age}} (b{{birth}});
  1107. 					{{/if}}
  1108. 					{{district}};{{#if volume}} Vol {{volume}};{{/if}}{{#if page}} Page {{page}};{{/if}}{{#if reg}} Reg {{reg}};{{/if}}{{#if entry}} Entry {{entry}};{{/if}}{{#if copy}} Copy {{copy}};{{/if}}
  1109. 				</td>
  1110. 			</tr>
  1111. 		{{/each}}
  1112. 		</tbody>
  1113. 	</table>
  1114. 	{{#if failures}}
  1115. 		<p class='main_text' style='color: Red'>WARNING: Failed to parse {{failures.length}} records. See default view for full list.</p>
  1116. 		<!--
  1117. 			{{#each failures}}record parse exception ({{index}}): exception: {{ex.message}}{{/each}}
  1118. 		-->
  1119. 	{{/if}}
  1120. 	<p class='main_text groish_Message'></p>
  1121. </div>`
  1122.  
  1123. 		};
  1124.  
  1125. 		// Add custom views
  1126. 		// NB: Although GreaseMonkey has replaced the GM_* functions with functions on the GM object
  1127. 		// both ViolentMonkey and TamperMonkey still support the GM_* functions so that's being used.
  1128.  
  1129. 		// Custom views are defined as GM values (one value per view). The value name must begin with
  1130. 		// either view_EW_Birth or view_EW_Death. The view may contain CSS and HTML and the views are
  1131. 		// Handlebars.js templates (see default views above for examples).
  1132. 	
  1133. 		//console.log("adding custom views");
  1134. 		if (typeof GM_listValues === "function" && typeof GM_getValue === "function") {
  1135. 			let valueKeys = GM_listValues();
  1136. 			for(let i = 0; i < valueKeys.length; i++) {
  1137. 				let valueKey = valueKeys[i];
  1138. 				//console.log("value key: %", valueKey);
  1139. 				if (valueKey && valueKey.length > 13 && (valueKey.startsWith("view_EW_Birth") || valueKey.startsWith("view_EW_Death"))) {
  1140. 					// Check the key isn't already in use
  1141. 					if (!resources.hasOwnProperty(valueKey)) {
  1142. 						let viewContent = GM_getValue(valueKey, null);
  1143. 						if (viewContent) {
  1144. 							//console.log("adding view: %s", valueKey);
  1145. 							resources[valueKey] = viewContent;
  1146. 						}
  1147. 					}
  1148. 				}
  1149. 			}
  1150. 		}
  1151. 		
  1152. 	}
  1153.  
  1154. 	
  1155. 	//Get the ball rolling...
  1156. 	main();
  1157. });