shows how many temple neames are selected displays it next to the check box
// ==UserScript==
// @name Selected Temple Names count
// @namespace jones.clan
// @version 0.1
// @description shows how many temple neames are selected displays it next to the check box
// @author Ryan Jones, Trent Jones
// @match https://www.familysearch.org/temple/*
// @icon https://www.google.com/s2/favicons?domain=familysearch.org
// @grant none
// ==/UserScript==
/* jshint esversion: 6 */
(function() {
'use strict';
var currentPath = document.URL;
var interval;
const setUpSpan = () =>{
const headerElement = document.querySelectorAll('th');
if(headerElement.length>1) {
headerElement[1].style.transition = 'padding 0.5s linear';
headerElement[1].style.paddingLeft = "68px";
headerElement[1].insertAdjacentHTML('beforeend', '<span id="Trent:personCount" style="position: relative;left: -140px;font-weight: 100;top: -1px;color: #177C9C;" />');
interval = setInterval(()=>{
if(currentPath!==document.URL) {
clearInterval(interval);
currentPath = document.URL;
setUpSpan();
} else {
const checkedLength = document.querySelectorAll('tbody tr input[type="checkbox"]:checked').length;
const spacer = checkedLength < 10 ? ' ' : '';
document.getElementById('Trent:personCount').replaceChildren(checkedLength>0?`${spacer}(${checkedLength})`:'');
}
},100);
}
else{
setTimeout(()=>{
setUpSpan();
},1000);
}
};
setUpSpan();
})();