{"id":15108,"date":"2024-11-24T17:16:56","date_gmt":"2024-11-24T17:16:56","guid":{"rendered":"https:\/\/shareddocs.net\/?page_id=15108"},"modified":"2024-11-24T19:30:41","modified_gmt":"2024-11-24T19:30:41","slug":"growpro-calculator","status":"publish","type":"page","link":"https:\/\/shareddocs.net\/index.php\/growpro-calculator\/","title":{"rendered":"GrowPro Calculator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15108\" class=\"elementor elementor-15108\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fced23e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fced23e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-17b00a9\" data-id=\"17b00a9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d44e860 elementor-widget elementor-widget-heading\" data-id=\"d44e860\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">GrowPro Calculator<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e9526ad elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e9526ad\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-51b33d8\" data-id=\"51b33d8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d807917 elementor-widget elementor-widget-html\" data-id=\"d807917\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"calculator-container\">\r\n    <h1>GrowPro Calculator<\/h1>\r\n    <div class=\"tabs\">\r\n        <button class=\"tab-button active\" data-tab=\"parameters\" onclick=\"showTab('parameters')\">Parameters<\/button>\r\n        <button class=\"tab-button\" data-tab=\"dimensions\" onclick=\"showTab('dimensions')\">Dimensions<\/button>\r\n        <button class=\"tab-button\" data-tab=\"steel-frame\" onclick=\"showTab('steel-frame')\">Steel Frame<\/button>\r\n        <button class=\"tab-button\" data-tab=\"heating\" onclick=\"showTab('heating')\">Heating<\/button>\r\n        <button class=\"tab-button\" data-tab=\"screens\" onclick=\"showTab('screens')\">Screens<\/button>\r\n        <button class=\"tab-button\" data-tab=\"irrigation\" onclick=\"showTab('irrigation')\">Irrigation<\/button>\r\n        <button class=\"tab-button\" data-tab=\"results\" onclick=\"showTab('results')\">Results<\/button>\r\n    <\/div>\r\n\r\n    <!-- Tab Content -->\r\n    <div id=\"parameters\" class=\"tab-content\">\r\n        <h2>Parameters<\/h2>\r\n        <form id=\"parameter-form\">\r\n            <table>\r\n                <tr>\r\n                    <td><label for=\"girts\">Number of Girts:<\/label><\/td>\r\n                    <td><input type=\"number\" id=\"girts\" name=\"girts\"><\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td><label for=\"xbraces\">Number of X-Braces:<\/label><\/td>\r\n                    <td><input type=\"number\" id=\"xbraces\" name=\"xbraces\"><\/td>\r\n                <\/tr>\r\n            <\/table>\r\n            <button type=\"button\" onclick=\"saveParameters()\">Save Parameters<\/button>\r\n        <\/form>\r\n    <\/div>\r\n\r\n    <div id=\"dimensions\" class=\"tab-content hidden\">\r\n        <h2>Dimensions<\/h2>\r\n        <form id=\"dimension-form\">\r\n            <table>\r\n                <tr>\r\n                    <td><label for=\"truss-size\">Truss Size (m):<\/label><\/td>\r\n                    <td>\r\n                        <select id=\"truss-size\" name=\"truss-size\">\r\n                            <option value=\"6.4\">6.40<\/option>\r\n                            <option value=\"8.0\">8.00<\/option>\r\n                            <option value=\"9.0\">9.00<\/option>\r\n                            <option value=\"9.6\">9.60<\/option>\r\n                            <option value=\"12.0\">12.00<\/option>\r\n                        <\/select>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td><label for=\"section-distance\">Section Distance (m):<\/label><\/td>\r\n                    <td>\r\n                        <select id=\"section-distance\" name=\"section-distance\">\r\n                            <option value=\"4.0\">4.00<\/option>\r\n                            <option value=\"4.5\">4.50<\/option>\r\n                        <\/select>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td><label for=\"height\">Height (m):<\/label><\/td>\r\n                    <td>\r\n                        <select id=\"height\" name=\"height\">\r\n                            <option value=\"4.0\">4.00<\/option>\r\n                            <option value=\"4.5\">4.50<\/option>\r\n                        <\/select>\r\n                    <\/td>\r\n                <\/tr>\r\n            <\/table>\r\n            <button type=\"button\" onclick=\"calculateDimensions()\">Calculate<\/button>\r\n        <\/form>\r\n    <\/div>\r\n\r\n    <div id=\"steel-frame\" class=\"tab-content hidden\">\r\n        <h2>Steel Frame<\/h2>\r\n        <button onclick=\"calculateSteelFrame()\">Calculate Steel Frame<\/button>\r\n        <table id=\"steel-results\">\r\n            <tr>\r\n                <th>Item<\/th>\r\n                <th>Value<\/th>\r\n                <th>Unit<\/th>\r\n            <\/tr>\r\n            <tr>\r\n                <td>Trusses<\/td>\r\n                <td id=\"steel-trusses\"><\/td>\r\n                <td>X<\/td>\r\n            <\/tr>\r\n            <tr>\r\n                <td>End Wall Columns<\/td>\r\n                <td id=\"steel-end-wall-columns\"><\/td>\r\n                <td>X<\/td>\r\n            <\/tr>\r\n        <\/table>\r\n    <\/div>\r\n\r\n    <div id=\"results\" class=\"tab-content hidden\">\r\n        <h2>Results<\/h2>\r\n        <table id=\"final-results\">\r\n            <!-- Final Calculations -->\r\n        <\/table>\r\n    <\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe3fea7 elementor-widget elementor-widget-text-editor\" data-id=\"fe3fea7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<script>document.addEventListener('DOMContentLoaded', () => {\n    const parameters = {};\n\n    function showTab(tabId) {\n        const tabs = document.querySelectorAll('.tab-content');\n        const buttons = document.querySelectorAll('.tab-button');\n\n        tabs.forEach(tab => tab.classList.add('hidden'));\n        buttons.forEach(button => button.classList.remove('active'));\n\n        document.getElementById(tabId).classList.remove('hidden');\n        document.querySelector(`[data-tab=\"${tabId}\"]`).classList.add('active');\n    }\n\n    function saveParameters() {\n        parameters.girts = document.getElementById('girts').value;\n        parameters.xbraces = document.getElementById('xbraces').value;\n        console.log('Parameters saved:', parameters);\n    }\n\n    function calculateDimensions() {\n        const trussSize = parseFloat(document.getElementById('truss-size').value);\n        const sectionDistance = parseFloat(document.getElementById('section-distance').value);\n        const numberOfTrusses = 48;\n        const numberOfSections = 45;\n\n        const width = numberOfTrusses * trussSize;\n        const length = numberOfSections * sectionDistance;\n        const area = width * length;\n\n        console.log('Dimensions Calculated:', { width, length, area });\n    }\n\n    function calculateSteelFrame() {\n        const trusses = 48;\n        const columns = trusses * 2;\n        document.getElementById('steel-trusses').innerText = trusses;\n        document.getElementById('steel-end-wall-columns').innerText = columns;\n    }\n\n    window.showTab = showTab;\n    window.saveParameters = saveParameters;\n    window.calculateDimensions = calculateDimensions;\n    window.calculateSteelFrame = calculateSteelFrame;\n});\n\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-398ef0c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"398ef0c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-389df13\" data-id=\"389df13\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7201325 elementor-widget elementor-widget-text-editor\" data-id=\"7201325\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<script>document.addEventListener('DOMContentLoaded', () => {\n    function showTab(tabId) {\n        const tabs = document.querySelectorAll('.tab-content');\n        const buttons = document.querySelectorAll('.tab-button');\n\n        tabs.forEach(tab => tab.classList.add('hidden'));\n        buttons.forEach(button => button.classList.remove('active'));\n\n        document.getElementById(tabId).classList.remove('hidden');\n        document.querySelector(`[data-tab=\"${tabId}\"]`).classList.add('active');\n    }\n\n    window.showTab = showTab; \/\/ Expose function globally\n});\n\n<\/script>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c29c8c elementor-widget elementor-widget-text-editor\" data-id=\"2c29c8c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<script>function calculateSteelFrame() {\n    \/\/ Input Values\n    const trusses = parseInt(parameters.numTrusses) || 0;\n    const sections = parseInt(parameters.numSections) || 0;\n    const girts = parseInt(parameters.girts) || 0;\n    const xBraces = parseInt(parameters.xBraces) || 0;\n\n    \/\/ Steel Frame Calculations\n    const totalTrusses = trusses * (sections - 1);\n    const endWallColumns = (trusses + 1) * 2;\n    const sideWallColumns = (sections - 1) * 2;\n    const intermediateColumns = sections * 2;\n    const xBraceColumns = (trusses - 1) * xBraces * 2;\n    const endWallGirts = girts * trusses;\n    const sideWallGirts = girts * sections;\n    const horizontalXBraces = trusses * 2;\n\n    \/\/ Store results in parameters\n    parameters.steelFrame = {\n        totalTrusses,\n        endWallColumns,\n        sideWallColumns,\n        intermediateColumns,\n        xBraceColumns,\n        endWallGirts,\n        sideWallGirts,\n        horizontalXBraces\n    };\n\n    updateSteelFrameResults();\n}\n\n\/\/ Update Steel Frame Results Table\nfunction updateSteelFrameResults() {\n    const results = parameters.steelFrame;\n    const resultsTable = document.getElementById('steel-frame-results');\n    resultsTable.innerHTML = `\n        <tr><td>Trusses<\/td><td>${results.totalTrusses}<\/td><td>X<\/td><\/tr>\n        <tr><td>End Wall Columns<\/td><td>${results.endWallColumns}<\/td><td>X<\/td><\/tr>\n        <tr><td>Side Wall Columns<\/td><td>${results.sideWallColumns}<\/td><td>X<\/td><\/tr>\n        <tr><td>Intermediate Columns<\/td><td>${results.intermediateColumns}<\/td><td>X<\/td><\/tr>\n        <tr><td>X-Brace Columns<\/td><td>${results.xBraceColumns}<\/td><td>X<\/td><\/tr>\n        <tr><td>End Wall Girts<\/td><td>${results.endWallGirts}<\/td><td>M<\/td><\/tr>\n        <tr><td>Side Wall Girts<\/td><td>${results.sideWallGirts}<\/td><td>M<\/td><\/tr>\n        <tr><td>Horizontal X-Braces<\/td><td>${results.horizontalXBraces}<\/td><td>X<\/td><\/tr>\n    `;\n}\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f42e088 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f42e088\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-4758fe4\" data-id=\"4758fe4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-e5f435f\" data-id=\"e5f435f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1a6fc24\" data-id=\"1a6fc24\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GrowPro Calculator GrowPro Calculator Parameters Dimensions Steel Frame Heating Screens Irrigation Results Parameters Number of Girts: Number of X-Braces: Save Parameters Dimensions Truss Size (m): 6.408.009.009.6012.00 Section Distance (m): 4.004.50 Height (m): 4.004.50 Calculate Steel Frame Calculate Steel Frame Item Value Unit Trusses X End Wall Columns X Results function calculateSteelFrame() { \/\/ Input Values [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-15108","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shareddocs.net\/index.php\/wp-json\/wp\/v2\/pages\/15108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shareddocs.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shareddocs.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shareddocs.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shareddocs.net\/index.php\/wp-json\/wp\/v2\/comments?post=15108"}],"version-history":[{"count":52,"href":"https:\/\/shareddocs.net\/index.php\/wp-json\/wp\/v2\/pages\/15108\/revisions"}],"predecessor-version":[{"id":15170,"href":"https:\/\/shareddocs.net\/index.php\/wp-json\/wp\/v2\/pages\/15108\/revisions\/15170"}],"wp:attachment":[{"href":"https:\/\/shareddocs.net\/index.php\/wp-json\/wp\/v2\/media?parent=15108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}