GRO Index Search Helper

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

当前为 2019-02-17 提交的版本,查看 最新版本

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