☰

Thread Nominal Dimensions

The website for whatever reason doesn't tell you the nominal dimensions. This fixes that.

// ==UserScript==
// @name         Thread Nominal Dimensions
// @license      GNU
// @namespace    https://github.com/MythicWebsite
// @homepageURL  https://github.com/MythicWebsite/NominalThreadJS
// @version      1.09
// @description  The website for whatever reason doesn't tell you the nominal dimensions. This fixes that.
// @author       Mythic
// @match        https://theoreticalmachinist.com/Threads_UnifiedImperial.aspx
// @icon         https://www.google.com/s2/favicons?sz=64&domain=theoreticalmachinist.com
// @grant        none
// ==/UserScript==

document.body.style.backgroundImage = 'URL("https://images.unsplash.com/photo-1585314062340-f1a5a7c9328d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1974&q=80")'
document.getElementsByClassName("ContentPageHeader")[0].remove()
document.getElementsByClassName("ContentMinorHeader")[0].remove()
document.getElementsByClassName("ContentMinorHeader")[0].remove()
document.getElementsByClassName("GlossaryBox")[0].remove()
document.querySelector('#cssmenu > ul').style.backgroundColor="#0d0d0d";
Object.assign(document.getElementById('tb_Tol_Unified_3Wire').style, {backgroundColor:'#1b1f20',borderStyle:"solid",borderColor:"#4a4a4a",color:"#e9e9ed"})
Object.assign(document.getElementById('AreaContent').style, {width:'fit-content'})

const removeList = ['AreaSidebarRight','AreaFooter','SocialBar','ExternalThreadImage','ImageTmLogo','BottomBanner'];
const linkElements = [];


function removeElement(element) {
        document.getElementById(element).remove()
}

function editElement(element, styleEdit) {
    for ( let i = 0; i < document.querySelectorAll('.' + element).length; i++) {
        Object.assign(document.querySelectorAll('.' + element)[i].style, styleEdit)
    };
}

function createTitleElement(target,text) {
    const ele = document.querySelectorAll('.TableCalc')[1].children[0].children[0].children[0].cloneNode(true);
    ele.children[0].innerText = text;
    target.appendChild(ele);
}

function createInfoElement(target,text1, id, link) {
    const ele = document.querySelectorAll('.TableCalc')[1].children[0].children[0].children[2].cloneNode(true);
    ele.children[0].innerText = text1;
    ele.children[1].innerText = "";
    ele.children[1].id = id;
    linkElements.push({target:link,secondary:id})
    target.appendChild(ele);
    Object.assign(document.getElementById(id).style, {color:"#ff6f6f",fontSize:'15px'});
}

function createElement(target,type,content,colspan,style) {
    const ele = document.createElement('tr');
    const eleType = document.createElement(type);
    const textNode = document.createTextNode(content);
        if (colspan == true) {
        eleType.colSpan = '2'
    }
    Object.assign(eleType.style, style)
    eleType.appendChild(textNode)
    ele.appendChild(eleType)
    target.appendChild(ele)
}

// createElement(document.querySelectorAll('.TableCalc')[0].firstElementChild.firstElementChild, 'th', 'title', true);
// createElement(document.querySelectorAll('.TableCalc')[0].firstElementChild.firstElementChild, 'span', 'content', false, {textAlign:'right',backgroundColor:'#1b1f20'});

for (let i = 0; i < removeList.length; i++) {
    removeElement(removeList[i])
}

editElement('TableCalc', {backgroundColor:'#1b1f20',color:"#e9e9ed",width:'420px'});
editElement('CenterBoldText', {backgroundColor:'#1b1f20',borderStyle:"solid",borderColor:"#4a4a4a",color:"White"});
editElement('tb_Tol_Unified_3Wire', {backgroundColor:'#1b1f20',color:"#e9e9ed"});
editElement('versionText', {color:"#e9e9ed"});
editElement('resultColor', {color:"#ff6f6f",fontSize:'15px'});
editElement('TableCalc th', {color:"#e9e9ed",backgroundColor:"#0d0d0d"});
editElement('tb_TPI', {color: "White"});
editElement('tb_BasicDia', {color: "White"});

createTitleElement(document.querySelectorAll('.TableCalc')[0].firstElementChild.firstElementChild, 'Relevent Info');
createInfoElement(document.querySelectorAll('.TableCalc')[0].firstElementChild.firstElementChild, 'Major Diameter:', 'majDim', "lbl_Unified_Dias_Major");
createInfoElement(document.querySelectorAll('.TableCalc')[0].firstElementChild.firstElementChild, 'Pitch Diameter:', 'pitDim', "lbl_Unified_Dias_Pitch");
createInfoElement(document.querySelectorAll('.TableCalc')[0].firstElementChild.firstElementChild, 'Minor Diameter:', 'minDim', "lbl_Unified_Dias_Minor");
createInfoElement(document.querySelectorAll('.TableCalc')[0].firstElementChild.firstElementChild, 'Thread Depth:', 'depDim', "lbl_Unified_VShape_ThreadDepth");
createInfoElement(document.querySelectorAll('.TableCalc')[0].firstElementChild.firstElementChild, 'Steps:', 'stepDim', "blank");
createInfoElement(document.querySelectorAll('.TableCalc')[0].firstElementChild.firstElementChild, 'Feed:', 'pitDim2', "lbl_Unified_VShape_Pitch");


(function() {
    'use strict';

    const elementList = ["lbl_Unified_Dias_Pitch", "lbl_Unified_Dias_Major", "lbl_Unified_Dias_Minor", "lbl_Unified_Dias_OverWire", "lbl_Unified_VShape_CrestFlat", "lbl_Unified_VShape_RootFlat", "lbl_Unified_VShape_RootRadius", "lbl_Unified_VShape_ThreadDepth", "lbl_Unified_VShape_ThreadFlank", "lbl_Unified_VShape_Pitch" ];

    const targetNode = document.body;
    const config = { childList: true, subtree: true };
    var bounce = false;
    var lastThread = "";

    const callback = function(mutationsList, observer) {
        if (document.getElementById("Lbl_Unified_Definition").innerHTML != lastThread) {
            if (bounce == false) {
                bounce = true;
                for(let mutation of mutationsList) {
                    if (mutation.type === 'childList') {
                        // Elements have changed
                        for (let i = 0; i < elementList.length; i++) {
                            const elementName = elementList[i]
                            const theElement = document.getElementById(elementName);
                            const changes = theElement.innerHTML.split("/");
                            if (changes.length == 2 && !theElement.innerHTML.includes('~')) {
                                const middleMath = (parseFloat(changes[0]) - parseFloat(changes[1]))/2 + parseFloat(changes[1]);
                                theElement.innerHTML = theElement.innerHTML + " ~ " + middleMath.toFixed(4).toString();
                                for (let p = 0; p < linkElements.length; p++) {
                                    if (elementName == linkElements[p].target) {
                                        document.getElementById(linkElements[p].secondary).innerHTML = middleMath.toFixed(4).toString();
                                    }
                                }
                            } else if (theElement.id == "lbl_Unified_VShape_Pitch") {
                                document.getElementById("pitDim2").innerHTML = theElement.innerHTML;
                            }
                        document.getElementById("stepDim").innerHTML = Math.ceil(document.getElementById("depDim").innerHTML / .0025)
                        }
                    }
                }
                lastThread = document.getElementById("Lbl_Unified_Definition").innerHTML;
                bounce = false;
            }
        }
    };

    const observer = new MutationObserver(callback);
    observer.observe(targetNode, config);
})();