Conduit and Wire Weight Calculator Documentation

Overview

The Conduit and Wire Weight Calculator assists in planning electrical conduit runs by calculating total weights, determining fill percentages, checking ampacity and grounding requirements, and exporting data to PDF.

HTML Structure

index.html: The main HTML file that includes the structure of the calculator, forms, and buttons.

• Header: Contains the title of the calculator.
• Main Content: Divided into two columns for adding conduits and wires, and for displaying the contents and results.
• Footer: Includes contact information and a button to toggle dark mode.

JavaScript Modules

addEntries.js

Handles adding conduits and wires to the entry list.

addConduit()

Function: Adds a conduit entry to the list.

1. Check "Free Air" Checkbox:
   • Code: const isFreeAir = document.getElementById('freeAir').checked;
   • Description: Retrieves the state of the "Free Air" checkbox from the form.
   • Source: index.html (form element with id freeAir)
2. Retrieve Conduit Details:
   • Code:

     const conduitType = document.getElementById('conduitType1').value;
     const conduitSize = document.getElementById('conduitSize1').value;
     const conduitLength = document.getElementById('conduitLength1').value;
                         

   • Description: Gets the selected values for conduit type, size, and length from the form fields.
   • Source: index.html (form elements with ids conduitType1, conduitSize1, and conduitLength1)
3. Create List Item:
   • Code:

     const listItem = document.createElement('li');
     if (isFreeAir) {
         listItem.innerHTML = `Conduit: Type - Free Air Remove`;
     } else {
         listItem.innerHTML = `Conduit: Type - ${conduitType}, Size - ${conduitSize}, Length - ${conduitLength} ft Remove`;
     }
                         

   • Description: Creates a list item with the retrieved conduit details or "Free Air" if the checkbox is selected.
   • Source: Dynamically created in the script.
4. Append to Entry List:
   • Code: document.getElementById('entryList').appendChild(listItem);
   • Description: Appends the created list item to the entry list in the DOM.
   • Source: index.html (element with id entryList)
5. Reset Input Fields:
   • Code:

     document.getElementById('conduitType1').selectedIndex = 0;
     document.getElementById('conduitSize1').selectedIndex = 0;
     document.getElementById('conduitLength1').value = '10';
     document.getElementById('freeAir').checked = false;
     toggleFreeAir();
                         

   • Description: Resets the form fields to their default values.
   • Source: index.html (form elements with ids conduitType1, conduitSize1, conduitLength1, and freeAir)
6. Update Total Weight and Wire Fill:
   • Code: updateTotalWeightAndWireFill();
   • Description: Calls the function to recalculate total weight and fill percentage.
   • Source: updateCalculations.js
7. Update Empty Entries:
   • Code:

     updateEmptyEntries('entryList');
     updateEmptyEntries('setsList');
                         

   • Description: Calls the function to update the display if the lists are empty.
   • Source: utils.js

addWire()

Function: Adds a wire entry to the list.

1. Retrieve Wire Details:
   • Code:

     const wireType = document.getElementById('wireType1').value;
     const wireSize = document.getElementById('wireSize1').value;
     const wireLength = document.getElementById('wireLength1').value;
     const wireCount = document.getElementById('wireCount1').value;
                         

   • Description: Gets the selected values for wire type, size, length, and count from the form fields.
   • Source: index.html (form elements with ids wireType1, wireSize1, wireLength1, and wireCount1)
2. Create List Item:
   • Code:

     const listItem = document.createElement('li');
     listItem.innerHTML = `Wire: Type - ${wireType}, Size - ${wireSize}, Length - ${wireLength} ft, Count - ${wireCount} Remove`;
                         

   • Description: Creates a list item with the retrieved wire details.
   • Source: Dynamically created in the script.
3. Append to Entry List:
   • Code: document.getElementById('entryList').appendChild(listItem);
   • Description: Appends the created list item to the entry list in the DOM.
   • Source: index.html (element with id entryList)
4. Reset Input Fields:
   • Code:

     document.getElementById('wireType1').selectedIndex = 0;
     document.getElementById('wireSize1').selectedIndex = 0;
     document.getElementById('wireLength1').value = '10';
     document.getElementById('wireCount1').value = '1';
                         

   • Description: Resets the form fields to their default values.
   • Source: index.html (form elements with ids wireType1, wireSize1, wireLength1, and wireCount1)
5. Update Total Weight and Wire Fill:
   • Code: updateTotalWeightAndWireFill();
   • Description: Calls the function to recalculate total weight and fill percentage.
   • Source: updateCalculations.js
6. Update Empty Entries:
   • Code:

     updateEmptyEntries('entryList');
     updateEmptyEntries('setsList');
                         

   • Description: Calls the function to update the display if the lists are empty.
   • Source: utils.js

addNonCccWire()

Similar to addWire(), but specifically for non-CCC wires.

addEgc()

Similar to addWire(), but specifically for EGC wires.

addGec()

Similar to addWire(), but specifically for GEC wires.

addSbj()

Similar to addWire(), but specifically for SBJ wires.

removeItem(button)

Function: Removes a specific item from the entry list.

1. Retrieve List Item:
   • Code: const listItem = button.parentElement;
   • Description: Gets the parent list item of the button clicked.
   • Source: Dynamically determined in the script.
2. Remove List Item:
   • Code: listItem.remove();
   • Description: Removes the list item from the entry list.
   • Source: Dynamically determined in the script.
3. Update Total Weight and Wire Fill:
   • Code: updateTotalWeightAndWireFill();
   • Description: Calls the function to recalculate the total weight and fill percentage.
   • Source: updateCalculations.js
4. Update Empty Entries:
   • Code:

     updateEmptyEntries('entryList');
     updateEmptyEntries('setsList');
                         

   • Description: Calls the function to update the display if the lists are empty.
   • Source: utils.js

resetCurrentList()

Function: Resets the current list of entries.

1. Clear Entry List:
   • Code: document.getElementById('entryList').innerHTML = '';
   • Description: Clears the entry list.
   • Source: index.html (element with id entryList)
2. Reset Total Weight and Wire Fill:
   • Code:

     document.getElementById('totalWeight').innerText = '0 lbs';
     document.getElementById('wireFill').innerText = '0%';
                         

   • Description: Resets the total weight and wire fill displays to zero.
   • Source: index.html (elements with ids totalWeight and wireFill)
3. Reset Input Fields:
   • Code:

     document.getElementById('conduitType1').selectedIndex = 0;
     document.getElementById('conduitSize1').selectedIndex = 0;
     document.getElementById('conduitLength1').value = '10';
     document.getElementById('wireType1').selectedIndex = 0;
     document.getElementById('wireSize1').selectedIndex = 0;
     document.getElementById('wireLength1').value = '10';
     document.getElementById('wireCount1').value = '1';
     document.getElementById('freeAir').checked = false;
     toggleFreeAir();
                         

   • Description: Resets all input fields to their default values.
   • Source: index.html (form elements with ids conduitType1, conduitSize1, conduitLength1, wireType1, wireSize1, wireLength1, wireCount1, and freeAir)
4. Populate Conduit Sizes:
   • Code: populateConduitSizes(document.getElementById('conduitSize1'), 'Western Tube EMT');
   • Description: Calls the function to repopulate the conduit size dropdown.
   • Source: utils.js
5. Populate Wire Sizes:
   • Code: populateWireSizes(document.getElementById('wireSize1'));
   • Description: Calls the function to repopulate the wire size dropdown.
   • Source: utils.js
6. Update Empty Entries:
   • Code:

     updateEmptyEntries('entryList');
     updateEmptyEntries('setsList');
                         

   • Description: Calls the function to update the display if the lists are empty.
   • Source: utils.js

ampacity.js

Handles checking ampacity based on wire size, temperature rating, and derating factors.

checkAmpacity(setId)

Function: Initiates an ampacity check for a specific set of wires.

1. Retrieve Set Item:
   • Code: const setItem = document.getElementById(`set-${setId}`);
   • Description: Retrieves the set item by its ID.
   • Source: index.html (element with id set-${setId})
2. Extract Conductor Details:
   • Code: const conductorDetails = extractConductorDetails(setItem.innerText);
   • Description: Extracts conductor details from the set item’s inner text using extractConductorDetails().
   • Source: ampacity.js
3. Show Ampacity Results:
   • Code: showAmpacityResults(setId, conductorDetails);
   • Description: Calls the function to display the ampacity results.
   • Source: ampacity.js

extractConductorDetails(text)

Function: Extracts conductor details from a given text input.

1. Match Conduit Details:
   • Code: const conduitMatch = text.match(/Conduit: Type - ([^,]+)/);
   • Description: Uses a regular expression to match conduit details in the text.
   • Source: ampacity.js
2. Match Wire Details:
   • Code: const wireMatches = text.match(/Wire: Type - (\w+-?\w*), Size - (\d+\/?\d*), Length - (\d+) ft, Count - (\d+)/g);
   • Description: Uses a regular expression to match wire details in the text.
   • Source: ampacity.js
3. Extract and Return Details:
   • Code:

     if (conduitMatch) {
         conduitType = conduitMatch[1];
     } else {
         conduitType = "No Conduit";
     }
     if (wireMatches) {
         wireMatches.forEach(match => {
             const details = {};
             const matchDetails = match.match(/Wire: Type - (\w+-?\w*), Size - (\d+\/?\d*), Length - (\d+) ft, Count - (\d+)/);
             if (matchDetails) {
                 details.wireType = matchDetails[1];
                 details.wireSize = matchDetails[2];
                 details.wireLength = parseInt(matchDetails[3]);
                 details.wireCount = parseInt(matchDetails[4]);
                 detailsList.push(details);
             }
         });
     }
     return { conduitType, detailsList };
                         

   • Description: Extracts conduit and wire details and returns them as an object.
   • Source: ampacity.js

getBaseAmpacity(wireSize, tempRating)

Function: Retrieves the base ampacity for a given wire size and temperature rating.

1. Lookup Ampacity Value:
   • Code:

     if (ampacityData.ampacity[wireSize] && ampacityData.ampacity[wireSize][tempRating]) {
         return ampacityData.ampacity[wireSize][tempRating];
     }
                         

   • Description: Looks up the ampacity value from ampacityData based on wire size and temperature rating.
   • Source: ampacity.js
2. Return Base Ampacity:
   • Code: return ampacityData.ampacity[wireSize][tempRating];
   • Description: Returns the base ampacity value.
   • Source: ampacity.js

applyDerating(baseAmpacity, wireCount)

Function: Applies derating factors based on the number of wires.

1. Determine Derating Factor:
   • Code:

     for (let range in ampacityData.ccc_derating) {
         const [min, max] = range.includes('and above') ? [parseInt(range), Infinity] : range.split('-').map(Number);
         if ((max && wireCount >= min && wireCount <= max) || (!max && wireCount >= min)) {
             deratingFactor = ampacityData.ccc_derating[range];
             break;
         }
     }
                         

   • Description: Iterates over ampacityData.ccc_derating to find the appropriate derating factor based on wire count.
   • Source: ampacity.js
2. Apply Derating Factor:
   • Code: return baseAmpacity * deratingFactor;
   • Description: Multiplies the base ampacity by the derating factor and returns the result.
   • Source: ampacity.js

calculateAmpacities(detailsList, tempRating, conduitType)

Function: Calculates the ampacities of wires considering conduit type and temperature rating.

1. Initialize Variables:
   • Code:

     const totalWireCount = detailsList.reduce((total, details) => total + details.wireCount, 0);
     const ampacities = detailsList.map(details => {
         let baseAmpacity;
         if (conduitType === "Free Air" || conduitType === "No Conduit") {
             baseAmpacity = freeAirCopperData[details.wireSize] ? freeAirCopperData[details.wireSize][tempRating] : undefined;
         } else {
             baseAmpacity = getBaseAmpacity(details.wireSize, tempRating);
         }
         ...
                         

   • Description: Initializes variables to hold total wire count and an array for calculated ampacities.
   • Source: ampacity.js
2. Calculate Base and Derated Ampacity:
   • Code:

     if (baseAmpacity === undefined) {
         return { wireSize: details.wireSize, wireType: details.wireType, ampacity: 'N/A' };
     }
     let deratedAmpacity;
     if (conduitType === "Free Air" || conduitType === "No Conduit") {
         deratedAmpacity = baseAmpacity;
     } else {
         deratedAmpacity = applyDerating(baseAmpacity, totalWireCount);
     }
     return { wireSize: details.wireSize, wireType: details.wireType, ampacity: deratedAmpacity };
                         

   • Description: Calculates base ampacity and applies derating if necessary, then returns the calculated ampacity.
   • Source: ampacity.js
3. Return Calculated Ampacities:
   • Code: return ampacities;
   • Description: Returns the array of calculated ampacities.
   • Source: ampacity.js

applyAmbientTemperatureDerating(ampacities, ambientTemperature, tempRating)

Function: Applies ambient temperature derating to the calculated ampacities.

1. Determine Derating Factor:
   • Code:

     const deratingFactor = ampacityData.ambient_temp_derating[tempRating].find(([tempRange, factor]) => {
         const [minTemp, maxTemp] = tempRange.split('-').map(Number);
         return ambientTemperature >= minTemp && ambientTemperature <= maxTemp;
     })[1];
                         

   • Description: Finds the ambient temperature derating factor based on the provided temperature rating and ambient temperature.
   • Source: ampacity.js
2. Apply Derating Factor:
   • Code:

     return ampacities.map(ampacity => {
         if (ampacity.ampacity === 'N/A') return ampacity;
         return { ...ampacity, ampacity: ampacity.ampacity * deratingFactor };
     });
                         

   • Description: Applies the derating factor to each calculated ampacity and returns the updated ampacities.
   • Source: ampacity.js

showAmpacityResults(setId, conductorDetails)

Function: Displays the ampacity results.

1. Prompt for Temperature Rating:
   • Code: const tempRating = prompt('Enter the temperature rating (60, 75, or 90°C):');
   • Description: Prompts the user for the temperature rating.
   • Source: ampacity.js
2. Calculate Ampacities:
   • Code: const ampacities = calculateAmpacities(conductorDetails.detailsList, tempRating, conductorDetails.conduitType);
   • Description: Calls the function to calculate ampacities based on the extracted conductor details and temperature rating.
   • Source: ampacity.js
3. Apply Ambient Temperature Derating:
   • Code:

     if (ambientTemperature) {
         ampacities = applyAmbientTemperatureDerating(ampacities, ambientTemperature, tempRating);
     }
                         

   • Description: Applies ambient temperature derating if an ambient temperature is provided.
   • Source: ampacity.js
4. Display Results:
   • Code:

     document.getElementById('ampacityResults').innerHTML = ampacities.map(ampacity => {
         return `${ampacity.wireType} ${ampacity.wireSize}: ${ampacity.ampacity}A`;
     }).join('
     ');
                         

   • Description: Displays the calculated ampacity results in the DOM.
   • Source: index.html (element with id ampacityResults)

calculate.js

Contains functions for calculating the total weight and wire fill percentage.

calculateWeight()

Function: Calculates the total weight of conduits and wires, determines the fill percentage, and adds the set to the list.

1. Initialize Variables:
   • Code:

     let totalWeight = 0;
     let totalWireArea = 0;
     let totalConduitArea = 0;
     let numConductors = 0;
     let hasFreeAir = false;
                         

   • Description: Initializes variables to hold total weight, wire area, conduit area, number of conductors, and a flag for "Free Air".
   • Source: calculate.js
2. Iterate Over Entry List Items:
   • Code:

     const listItems = document.getElementById('entryList').getElementsByTagName('li');
     for (let item of listItems) {
         const text = item.innerText;
         ...
                         

   • Description: Iterates over each item in the entry list and processes conduit and wire items separately.
   • Source: calculate.js
3. Process Conduit Items:
   • Code:

     if (text.startsWith('Conduit:')) {
         const typeMatch = text.match(/Type - ([^,]+)/);
         const sizeMatch = text.match(/Size - ([^,]+)/);
         const lengthMatch = text.match(/Length - ([^ ]+)/);
         if (typeMatch && sizeMatch && lengthMatch) {
             const type = typeMatch[1];
             const size = sizeMatch[1];
             const length = parseFloat(lengthMatch[1]);
             if (type === "Free Air") {
                 hasFreeAir = true;
             } else {
                 const weightPerFootIndex = ["1/2", "3/4", "1", "1-1/4", "1-1/2", "2", "2-1/2", "3", "3-1/2", "4"].indexOf(size);
                 const weightPerFoot = conduitData[type][weightPerFootIndex];
                 const conduitArea = conduitSizeData[type][size];
                 if (weightPerFoot !== undefined && !isNaN(weightPerFoot)) {
                     totalWeight += weightPerFoot * length;
                     totalConduitArea += conduitArea;
                 }
             }
         }
     }
                         

   • Description: Extracts and processes conduit details to calculate total weight and area.
   • Source: calculate.js
4. Process Wire Items:
   • Code:

     } else if (text.startsWith('Wire:') || text.startsWith('Wire (Non-CCC):') || text.startsWith('Wire (EGC):') || text.startsWith('Wire (GEC):') || text.startsWith('Wire (SBJ):')) {
         const typeMatch = text.match(/Type - ([^,]+)/);
         const sizeMatch = text.match(/Size - ([^,]+)/);
         const lengthMatch = text.match(/Length - ([^ ]+)/);
         const countMatch = text.match(/Count - ([^ ]+)/);
         if (typeMatch && sizeMatch && lengthMatch && countMatch) {
             const type = typeMatch[1];
             const size = sizeMatch[1];
             const length = parseFloat(lengthMatch[1]);
             const count = parseInt(countMatch[1]);
             const wire = wireData.find(w => w.size === size);
             if (wire) {
                 const weightPerFoot = type === 'THWN-2' ? wire.THWN2.weight / 1000 : wire.XHHW2.weight / 1000;
                 if (weightPerFoot !== undefined && !isNaN(weightPerFoot)) {
                     totalWeight += weightPerFoot * length * count;
                     const wireArea = type === 'THWN-2' ? wire.THWN2.area : wire.XHHW2.area;
                     totalWireArea += wireArea * count;
                     numConductors += count;
                 }
             }
         }
     }
                         

   • Description: Extracts and processes wire details to calculate total weight and area.
   • Source: calculate.js
5. Calculate Fill Percentage:
   • Code:

     if (!hasFreeAir && totalConduitArea > 0) {
         const fillPercentage = (totalWireArea / totalConduitArea) * 100;
         document.getElementById('wireFill').innerText = `${fillPercentage.toFixed(2)}%`;
     } else {
         document.getElementById('wireFill').innerText = 'N/A';
     }
                         

   • Description: Calculates the fill percentage if there is no "Free Air" and updates the display.
   • Source: calculate.js
6. Update Total Weight Display:
   • Code: document.getElementById('totalWeight').innerText = `${totalWeight.toFixed(2)} lbs`;
   • Description: Updates the total weight display in the DOM.
   • Source: index.html (element with id totalWeight)

editSet(setId)

Function: Allows editing of a specific set.

1. Retrieve Set Item:
   • Code: const setItem = document.getElementById(`set-${setId}`);
   • Description: Retrieves the set item by its ID.
   • Source: index.html (element with id set-${setId})
2. Extract Conduit Details:
   • Code:

     const conduitMatches = setItem.innerText.match(/Conduit: Type - ([^,]+), Size - ([^,]+), Length - ([^ ]+) ft/);
     if (conduitMatches) {
         const [_, type, size, length] = conduitMatches;
         document.getElementById('conduitType1').value = type;
         document.getElementById('conduitSize1').value = size;
         document.getElementById('conduitLength1').value = length;
     }
                         

   • Description: Extracts conduit details from the set item’s inner text and populates the form fields.
   • Source: calculate.js
3. Extract Wire Details:
   • Code:

     const wireMatches = setItem.innerText.match(/Wire: Type - ([^,]+), Size - ([^,]+), Length - ([^ ]+) ft, Count - ([^ ]+)/g);
     if (wireMatches) {
         wireMatches.forEach(match => {
             const [_, type, size, length, count] = match.match(/Wire: Type - ([^,]+), Size - ([^,]+), Length - ([^ ]+) ft, Count - ([^ ]+)/);
             document.getElementById('wireType1').value = type;
             document.getElementById('wireSize1').value = size;
             document.getElementById('wireLength1').value = length;
             document.getElementById('wireCount1').value = count;
             addWire();
         });
     }
                         

   • Description: Extracts wire details from the set item’s inner text and populates the form fields, then adds the extracted details back to the entry list.
   • Source: calculate.js
4. Remove Set:
   • Code: setItem.remove();
   • Description: Removes the set item from the list of sets.
   • Source: calculate.js

removeEntries.js

Contains functions for removing items and sets.

removeItem(button)

Function: Removes a specific item from the entry list.

1. Retrieve List Item:
   • Code: const listItem = button.parentElement;
   • Description: Gets the parent list item of the button clicked.
   • Source: Dynamically determined in the script.
2. Remove List Item:
   • Code: listItem.remove();
   • Description: Removes the list item from the entry list.
   • Source: Dynamically determined in the script.
3. Update Total Weight and Wire Fill:
   • Code: updateTotalWeightAndWireFill();
   • Description: Calls the function to recalculate the total weight and fill percentage.
   • Source: updateCalculations.js
4. Update Empty Entries:
   • Code:

     updateEmptyEntries('entryList');
     updateEmptyEntries('setsList');
                         

   • Description: Calls the function to update the display if the lists are empty.
   • Source: utils.js

removeSet(setId)

Function: Removes a specific set from the list of sets.

1. Retrieve Set Item:
   • Code: const setItem = document.getElementById(`set-${setId}`);
   • Description: Retrieves the set item by its ID.
   • Source: index.html (element with id set-${setId})
2. Extract Weight:
   • Code: const weightMatch = setItem.innerText.match(/Total Weight: ([^ ]+) lbs/);
   • Description: Extracts the weight from the set item’s inner text using a regular expression.
   • Source: removeEntries.js
3. Subtract Set's Weight:
   • Code:

     if (weightMatch) {
         const setWeight = parseFloat(weightMatch[1]);
         const cumulativeWeightElem = document.getElementById('cumulativeWeight');
         const currentCumulativeWeight = parseFloat(cumulativeWeightElem.innerText);
         cumulativeWeightElem.innerText = `${(currentCumulativeWeight - setWeight).toFixed(2)} lbs`;
     }
                         

   • Description: Subtracts the set's weight from the cumulative weight and updates the display.
   • Source: removeEntries.js
4. Remove Set Item:
   • Code: setItem.remove();
   • Description: Removes the set item from the list of sets.
   • Source: removeEntries.js

resetEntries.js

Contains functions for resetting the entry list and sets.

resetList()

Function: Resets the entire list of entries and sets.

1. Clear Entry List:
   • Code: document.getElementById('entryList').innerHTML = '';
   • Description: Clears the entry list.
   • Source: index.html (element with id entryList)
2. Clear Sets List:
   • Code: document.getElementById('setsList').innerHTML = '';
   • Description: Clears the sets list.
   • Source: index.html (element with id setsList)
3. Reset Cumulative Weight:
   • Code: document.getElementById('cumulativeWeight').innerText = '0 lbs';
   • Description: Resets the cumulative weight display to zero.
   • Source: index.html (element with id cumulativeWeight)
4. Reset Input Fields:
   • Code:

     document.getElementById('conduitType1').selectedIndex = 0;
     document.getElementById('conduitSize1').selectedIndex = 0;
     document.getElementById('conduitLength1').value = '10';
     document.getElementById('wireType1').selectedIndex = 0;
     document.getElementById('wireSize1').selectedIndex = 0;
     document.getElementById('wireLength1').value = '10';
     document.getElementById('wireCount1').value = '1';
     document.getElementById('freeAir').checked = false;
     toggleFreeAir();
                         

   • Description: Resets all input fields to their default values.
   • Source: index.html (form elements with ids conduitType1, conduitSize1, conduitLength1, wireType1, wireSize1, wireLength1, wireCount1, and freeAir)
5. Populate Conduit Sizes:
   • Code: populateConduitSizes(document.getElementById('conduitSize1'), 'Western Tube EMT');
   • Description: Calls the function to repopulate the conduit size dropdown.
   • Source: utils.js
6. Populate Wire Sizes:
   • Code: populateWireSizes(document.getElementById('wireSize1'));
   • Description: Calls the function to repopulate the wire size dropdown.
   • Source: utils.js
7. Update Empty Entries:
   • Code:

     updateEmptyEntries('entryList');
     updateEmptyEntries('setsList');
                         

   • Description: Calls the function to update the display if the lists are empty.
   • Source: utils.js

resetCurrentList()

Function: Resets the current list of entries.

1. Clear Entry List:
   • Code: document.getElementById('entryList').innerHTML = '';
   • Description: Clears the entry list.
   • Source: index.html (element with id entryList)
2. Reset Total Weight and Wire Fill:
   • Code:

     document.getElementById('totalWeight').innerText = '0 lbs';
     document.getElementById('wireFill').innerText = '0%';
                         

   • Description: Resets the total weight and wire fill displays to zero.
   • Source: index.html (elements with ids totalWeight and wireFill)
3. Reset Input Fields:
   • Code:

     document.getElementById('conduitType1').selectedIndex = 0;
     document.getElementById('conduitSize1').selectedIndex = 0;
     document.getElementById('conduitLength1').value = '10';
     document.getElementById('wireType1').selectedIndex = 0;
     document.getElementById('wireSize1').selectedIndex = 0;
     document.getElementById('wireLength1').value = '10';
     document.getElementById('wireCount1').value = '1';
     document.getElementById('freeAir').checked = false;
     toggleFreeAir();
                         

   • Description: Resets all input fields to their default values.
   • Source: index.html (form elements with ids conduitType1, conduitSize1, conduitLength1, wireType1, wireSize1, wireLength1, wireCount1, and freeAir)
4. Populate Conduit Sizes:
   • Code: populateConduitSizes(document.getElementById('conduitSize1'), 'Western Tube EMT');
   • Description: Calls the function to repopulate the conduit size dropdown.
   • Source: utils.js
5. Populate Wire Sizes:
   • Code: populateWireSizes(document.getElementById('wireSize1'));
   • Description: Calls the function to repopulate the wire size dropdown.
   • Source: utils.js
6. Update Empty Entries:
   • Code:

     updateEmptyEntries('entryList');
     updateEmptyEntries('setsList');
                         

   • Description: Calls the function to update the display if the lists are empty.
   • Source: utils.js

updateCalculations.js

Contains functions for updating the total weight and wire fill.

updateTotalWeightAndWireFill()

Function: Updates the total weight and wire fill percentage based on the current entries.

1. Initialize Variables:
   • Code:

     let totalWeight = 0;
     let totalWireArea = 0;
     let totalConduitArea = 0;
     let numConductors = 0;
     let hasFreeAir = false;
                         

   • Description: Initializes variables to hold total weight, wire area, conduit area, number of conductors, and a flag for "Free Air".
   • Source: updateCalculations.js
2. Iterate Over Entry List Items:
   • Code:

     const listItems = document.getElementById('entryList').getElementsByTagName('li');
     for (let item of listItems) {
         const text = item.innerText;
         ...
                         

   • Description: Iterates over each item in the entry list and processes conduit and wire items separately.
   • Source: updateCalculations.js
3. Process Conduit Items:
   • Code:

     if (text.startsWith('Conduit:')) {
         const typeMatch = text.match(/Type - ([^,]+)/);
         const sizeMatch = text.match(/Size - ([^,]+)/);
         const lengthMatch = text.match(/Length - ([^ ]+)/);
         if (typeMatch && sizeMatch && lengthMatch) {
             const type = typeMatch[1];
             const size = sizeMatch[1];
             const length = parseFloat(lengthMatch[1]);
             if (type === "Free Air") {
                 hasFreeAir = true;
             } else {
                 const weightPerFootIndex = ["1/2", "3/4", "1", "1-1/4", "1-1/2", "2", "2-1/2", "3", "3-1/2", "4"].indexOf(size);
                 const weightPerFoot = conduitData[type][weightPerFootIndex];
                 const conduitArea = conduitSizeData[type][size];
                 if (weightPerFoot !== undefined && !isNaN(weightPerFoot)) {
                     totalWeight += weightPerFoot * length;
                     totalConduitArea += conduitArea;
                 }
             }
         }
     }
                         

   • Description: Extracts and processes conduit details to calculate total weight and area.
   • Source: updateCalculations.js
4. Process Wire Items:
   • Code:

     } else if (text.startsWith('Wire:') || text.startsWith('Wire (Non-CCC):') || text.startsWith('Wire (EGC):') || text.startsWith('Wire (GEC):') || text.startsWith('Wire (SBJ):')) {
         const typeMatch = text.match(/Type - ([^,]+)/);
         const sizeMatch = text.match(/Size - ([^,]+)/);
         const lengthMatch = text.match(/Length - ([^ ]+)/);
         const countMatch = text.match(/Count - ([^ ]+)/);
         if (typeMatch && sizeMatch && lengthMatch && countMatch) {
             const type = typeMatch[1];
             const size = sizeMatch[1];
             const length = parseFloat(lengthMatch[1]);
             const count = parseInt(countMatch[1]);
             const wire = wireData.find(w => w.size === size);
             if (wire) {
                 const weightPerFoot = type === 'THWN-2' ? wire.THWN2.weight / 1000 : wire.XHHW2.weight / 1000;
                 if (weightPerFoot !== undefined && !isNaN(weightPerFoot)) {
                     totalWeight += weightPerFoot * length * count;
                     const wireArea = type === 'THWN-2' ? wire.THWN2.area : wire.XHHW2.area;
                     totalWireArea += wireArea * count;
                     numConductors += count;
                 }
             }
         }
     }
                         

   • Description: Extracts and processes wire details to calculate total weight and area.
   • Source: updateCalculations.js
5. Calculate Fill Percentage:
   • Code:

     if (!hasFreeAir && totalConduitArea > 0) {
         const fillPercentage = (totalWireArea / totalConduitArea) * 100;
         document.getElementById('wireFill').innerText = `${fillPercentage.toFixed(2)}%`;
     } else {
         document.getElementById('wireFill').innerText = 'N/A';
     }
                         

   • Description: Calculates the fill percentage if there is no "Free Air" and updates the display.
   • Source: updateCalculations.js
6. Update Total Weight Display:
   • Code: document.getElementById('totalWeight').innerText = `${totalWeight.toFixed(2)} lbs`;
   • Description: Updates the total weight display in the DOM.
   • Source: index.html (element with id totalWeight)

checkEgc.js

Contains functions for checking EGC requirements.

checkEgc(setId)

Function: Initiates an EGC check for a specific set.

1. Retrieve Set Item:
   • Code: const setItem = document.getElementById(`set-${setId}`);
   • Description: Retrieves the set item by its ID.
   • Source: index.html (element with id set-${setId})
2. Prompt for Breaker or Fuse Size:
   • Code: const breakerSize = prompt('Enter the size of the largest breaker or fuse in the circuit (in amps):');
   • Description: Prompts the user for the breaker or fuse size.
   • Source: checkEgc.js
3. Get Matching EGC Data:
   • Code: const matchingData = getMatchingEgcData(breakerSize);
   • Description: Calls the function to find the appropriate EGC size based on the breaker or fuse size.
   • Source: checkEgc.js
4. Extract EGC Details:
   • Code: const egcDetails = extractEgcDetails(setItem.innerText);
   • Description: Extracts EGC details from the set item’s inner text using extractEgcDetails().
   • Source: checkEgc.js
5. Show EGC Results:
   • Code: showEgcResults(egcDetails, breakerSize, matchingData);
   • Description: Calls the function to display the EGC results.
   • Source: checkEgc.js

getMatchingEgcData(breakerSize)

Function: Finds the appropriate EGC size based on the breaker or fuse size.

1. Find Matching Data:
   • Code:

     const egcSizeRange = Object.keys(egcData).find(range => {
         const [min, max] = range.includes('and above') ? [parseInt(range), Infinity] : range.split('-').map(Number);
         return (max && breakerSize >= min && breakerSize <= max) || (!max && breakerSize >= min);
     });
     return egcData[egcSizeRange];
                         

   • Description: Iterates over egcData to find a matching range based on the breaker or fuse size.
   • Source: checkEgc.js
2. Return Matching Data:
   • Code: return egcData[egcSizeRange];
   • Description: Returns the matching EGC data.
   • Source: checkEgc.js

extractEgcDetails(text)

Function: Extracts EGC details from a given text input.

1. Match Wire Details:
   • Code: const wireMatches = text.match(/Wire \(EGC\): Type - ([^,]+), Size - ([^,]+), Length - ([^ ]+) ft, Count - ([^ ]+)/g);
   • Description: Uses a regular expression to match wire details in the text.
   • Source: checkEgc.js
2. Extract and Return Details:
   • Code:

     const detailsList = [];
     if (wireMatches) {
         wireMatches.forEach(match => {
             const details = {};
             const matchDetails = match.match(/Wire \(EGC\): Type - ([^,]+), Size - ([^,]+), Length - ([^ ]+) ft, Count - ([^ ]+)/);
             if (matchDetails) {
                 details.wireType = matchDetails[1];
                 details.wireSize = matchDetails[2];
                 details.wireLength = parseInt(matchDetails[3]);
                 details.wireCount = parseInt(matchDetails[4]);
                 detailsList.push(details);
             }
         });
     }
     return detailsList;
                         

   • Description: Extracts EGC wire details and returns them as a list.
   • Source: checkEgc.js

showEgcResults(detailsList, breakerFuseSize, matchingData)

Function: Displays the EGC results.

1. Iterate Over EGC Details:
   • Code:

     detailsList.forEach(details => {
         const requiredSize = matchingData.size;
         const actualSize = details.wireSize;
         const result = compareSizes(actualSize, requiredSize);
         results.push({
             wireType: details.wireType,
             wireSize: details.wireSize,
             requiredSize,
             result
         });
     });
                         

   • Description: Iterates over each EGC detail and compares the actual EGC size with the required size.
   • Source: checkEgc.js
2. Display Results:
   • Code:

     document.getElementById('egcResults').innerHTML = results.map(result => {
         return `Type: ${result.wireType}, Size: ${result.wireSize}, Required: ${result.requiredSize} - ${result.result ? 'OK' : 'Not OK'}`;
     }).join('
     ');
                         

   • Description: Displays the EGC results in the DOM.
   • Source: index.html (element with id egcResults)

data.js

Contains data used for calculations and checks.

• conduitData: Contains weight per foot for various conduit types and sizes.
• conduitSizeData: Contains area for various conduit types and sizes.
• wireData: Contains weight and area for various wire types and sizes.
• ampacityData: Contains ampacity values and derating factors.

main.js

Initializes the application and handles event listeners.

window.addEventListener('DOMContentLoaded', (event) => {...})

Function: Initializes the application when the page is fully loaded.

• Add Event Listeners:
  • Code:

    document.getElementById('addConduitBtn').addEventListener('click', addConduit);
    document.getElementById('addWireBtn').addEventListener('click', addWire);
    document.getElementById('calculateBtn').addEventListener('click', calculateWeight);
    document.getElementById('resetButton').addEventListener('click', resetList);
    document.getElementById('darkModeToggle').addEventListener('click', toggleDarkMode);
                        

  • Description: Adds event listeners for form fields and buttons.
  • Source: main.js
• Populate Dropdowns:
  • Code:

    populateConduitSizes(document.getElementById('conduitSize1'), 'Western Tube EMT');
    populateWireSizes(document.getElementById('wireSize1'));
                        

  • Description: Calls functions to initialize dropdowns for conduit sizes and wire sizes.
  • Source: utils.js
• Update Empty Entries:
  • Code:

    updateEmptyEntries('entryList');
    updateEmptyEntries('setsList');
                        

  • Description: Calls functions to update the display if the lists are empty.
  • Source: utils.js

exportConduits()

Function: Exports the conduit and wire data to a PDF.

1. Create PDF Document:
   • Code: const doc = new jsPDF();
   • Description: Creates a new PDF document using jsPDF.
   • Source: main.js
2. Add Title:
   • Code: doc.text('Conduit and Wire Weight Calculator', 10, 10);
   • Description: Adds a title to the PDF.
   • Source: main.js
3. Add Content:
   • Code:

     const setsList = document.getElementById('setsList').innerText;
     doc.text(setsList, 10, 20);
                         

   • Description: Adds the content from the sets list to the PDF.
   • Source: main.js (element with id setsList)
4. Save PDF:
   • Code: doc.save('conduit_wire_weight_calculator.pdf');
   • Description: Saves the PDF with the specified filename.
   • Source: main.js

utils.js

Contains utility functions for the application.

getAllowableFillPercentage(numConductors)

Function: Returns the allowable fill percentage based on the number of conductors.

• Return Allowable Fill Percentage:
  • Code:

    switch (numConductors) {
        case 1:
            return 53;
        case 2:
            return 31;
        default:
            return 40;
    }
                        

  • Description: Returns 53% for 1 conductor, 31% for 2 conductors, and 40% for 3 or more conductors.
  • Source: utils.js

populateConduitSizes(selectElement, conduitType)

Function: Populates a dropdown with conduit sizes based on the selected conduit type.

1. Clear Existing Options:
   • Code: selectElement.innerHTML = '';
   • Description: Clears existing options in the dropdown.
   • Source: utils.js
2. Add New Options:
   • Code:

     for (let size of Object.keys(conduitSizeData[conduitType])) {
         const option = document.createElement('option');
         option.value = size;
         option.text = size;
         selectElement.add(option);
     }
                         

   • Description: Adds options based on the conduit type from conduitSizeData.
   • Source: utils.js

populateWireSizes(selectElement)

Function: Populates a dropdown with wire sizes.

1. Clear Existing Options:
   • Code: selectElement.innerHTML = '';
   • Description: Clears existing options in the dropdown.
   • Source: utils.js
2. Add New Options:
   • Code:

     for (let wire of wireData) {
         const option = document.createElement('option');
         option.value = wire.size;
         option.text = wire.size;
         selectElement.add(option);
     }
                         

   • Description: Adds options based on the wire data from wireData.
   • Source: utils.js

toggleFreeAir()

Function: Toggles the display of conduit type, size, and length fields based on the "Free Air" checkbox.

• Toggle Visibility:
  • Code:

    const freeAirCheckbox = document.getElementById('freeAir');
    const conduitFields = document.getElementById('conduitFields');
    if (freeAirCheckbox.checked) {
        conduitFields.style.display = 'none';
    } else {
        conduitFields.style.display = 'block';
    }
                        

  • Description: Checks if the "Free Air" checkbox is selected and hides or shows the conduit fields accordingly.
  • Source: utils.js (elements with ids freeAir and conduitFields)

updateEmptyEntries(listId)

Function: Updates the display if the list is empty.

• Update Display:
  • Code:

    const listElement = document.getElementById(listId);
    if (listElement.children.length === 0) {
        const emptyItem = document.createElement('li');
        emptyItem.className = 'empty';
        emptyItem.innerText = 'Empty';
        listElement.appendChild(emptyItem);
    } else {
        const emptyItem = listElement.querySelector('.empty');
        if (emptyItem) {
            emptyItem.remove();
        }
    }
                        

  • Description: Adds a list item indicating "Empty" if the list is empty and removes it if the list is not empty.
  • Source: utils.js (element with id listId)

compareSizes(size1, size2)

Function: Compares two wire sizes.

1. Define Order:
   • Code:

     const sizeOrder = ['18', '16', '14', '12', '10', '8', '6', '4', '3', '2', '1', '1/0', '2/0', '3/0', '4/0'];
     const size1Index = sizeOrder.indexOf(size1);
     const size2Index = sizeOrder.indexOf(size2);
                         

   • Description: Defines an order for wire sizes and finds the indices of the sizes being compared.
   • Source: utils.js
2. Compare Sizes:
   • Code: return size1Index <= size2Index;
   • Description: Compares the indices of the two sizes and returns the comparison result.
   • Source: utils.js