RCCP Spec Sheet Generator (Popup Version – Final Locked)<\/title>\n<style>\n body { font-family: Arial, sans-serif; margin:20px; }\n input, select, button { font-family: inherit; }\n .container { display:flex; gap:20px; flex-wrap:wrap; }\n .panel { border:1px solid #ccc; padding:15px; border-radius:6px; min-width:300px; max-width:520px; }\n h3 { margin-top:0; }\n table { border-collapse:collapse; width:100%; text-align:center; }\n th, td { border:1px solid #ccc; padding:6px; }\n #rccp-preview-images img { max-width:100%; height:auto; display:block; margin:10px auto; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n\n \n <div class=\"panel\" id=\"rccp-input-wrapper\">\n <h3>RCCP Curb Input<\/h3>\n\n <label for=\"rccp-template-select\">Pitch Option:<\/label>\n <select id=\"rccp-template-select\" style=\"width:100%; padding:6px; margin:8px 0 12px 0;\">\n <option value=\"optionA\">Option A<\/option>\n <option value=\"optionB\">Option B<\/option>\n <option value=\"optionC\">Option C<\/option>\n <option value=\"optionD\">Option D<\/option>\n <\/select>\n\n <label for=\"rccp-input-pitch\">Pitch (inches per foot):<\/label>\n <input id=\"rccp-input-pitch\" type=\"number\" min=\"0\" step=\"0.25\" style=\"width:100%; padding:6px; margin:8px 0;\">\n\n <label for=\"rccp-input-a\">Dimension A (inches):<\/label>\n <input id=\"rccp-input-a\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0;\">\n <label for=\"rccp-input-b\">Dimension B (inches):<\/label>\n <input id=\"rccp-input-b\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0;\">\n <label for=\"rccp-input-c\">Dimension C (inches):<\/label>\n <input id=\"rccp-input-c\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0;\">\n <label for=\"rccp-input-d\">Dimension D (inches):<\/label>\n <input id=\"rccp-input-d\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0;\">\n <label for=\"rccp-input-e\">Dimension E (inches):<\/label>\n <input id=\"rccp-input-e\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0;\">\n <label for=\"rccp-input-f\">Dimension F (inches):<\/label>\n <input id=\"rccp-input-f\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0;\">\n <label for=\"rccp-input-g\">Dimension G (T-Square) (inches):<\/label>\n <input id=\"rccp-input-g\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0;\">\n <label for=\"rccp-input-h\">Dimension H (inches):<\/label>\n <input id=\"rccp-input-h\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0 12px 0;\">\n\n <button id=\"rccp-generate\" style=\"width:100%; padding:10px; background:#0073aa; color:#fff; border:none; border-radius:4px; cursor:pointer;\">Generate Spec Sheet<\/button>\n <\/div>\n\n \n <div class=\"panel\" id=\"rccp-preview-wrapper\">\n <h3>Drawing Preview<\/h3>\n <div id=\"rccp-preview-images\"><\/div>\n <\/div>\n<\/div>\n\n<script>\nconst rccpTemplates = {\n optionA: [\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCP-A-e1760109496721.png\",\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCC2.png\"\n ],\n optionB: [\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCP-B-e1760109439442.png\",\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCC2.png\"\n ],\n optionC: [\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCP-C-e1760109474792.png\",\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCC2.png\"\n ],\n optionD: [\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCP-D-e1760109458507.png\",\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCC2.png\"\n ]\n};\n\nfunction updatePreviewImages() {\n const selected = document.getElementById('rccp-template-select').value;\n const imgs = rccpTemplates[selected] || [];\n const div = document.getElementById('rccp-preview-images');\n div.innerHTML = '';\n imgs.forEach(src => {\n const img = document.createElement('img');\n img.src = src;\n div.appendChild(img);\n });\n}\ndocument.getElementById('rccp-template-select').addEventListener('change', updatePreviewImages);\nupdatePreviewImages();\n\ndocument.getElementById('rccp-generate').addEventListener('click', () => {\n const vals = {\n pitch: document.getElementById('rccp-input-pitch').value || '',\n A: document.getElementById('rccp-input-a').value || '',\n B: document.getElementById('rccp-input-b').value || '',\n C: document.getElementById('rccp-input-c').value || '',\n D: document.getElementById('rccp-input-d').value || '',\n E: document.getElementById('rccp-input-e').value || '',\n F: document.getElementById('rccp-input-f').value || '',\n G: document.getElementById('rccp-input-g').value || '',\n H: document.getElementById('rccp-input-h').value || ''\n };\n const hinge = vals.G ? (parseFloat(vals.G) - 0.5).toFixed(2) : '';\n const selected = document.getElementById('rccp-template-select').value;\n const imgs = rccpTemplates[selected] || [];\n\n const css = `\n <style>\n body { font-family: Arial, sans-serif; margin:20px; }\n table { border-collapse:collapse; width:100%; text-align:center; margin-top:16px; }\n th, td { border:1px solid #ccc; padding:6px; }\n img { display:block; margin:10px auto; max-width:90%; height:auto; page-break-inside:avoid; }\n h2 { text-align:center; margin-top:20px; }\n button { padding:8px 14px; background:#0073aa; color:#fff; border:none; border-radius:4px; cursor:pointer; }\n @media print { #print-btn { display:none; } }\n <\/style>`;\n\n const addInches = v => v ? `${v}\"` : '';\n\n const html = `\n <html><head><title>RCCP Spec Sheet<\/title>${css}<\/head><body>\n <div style=\"position:relative; padding-bottom:10px; border-bottom:2px solid #000;\">\n <img decoding=\"async\" src=\"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/SELECT-AIR-SYSTEMS-LOGO-black-on-white.jpg\"\n alt=\"Logo\" style=\"position:absolute; top:0; left:0; height:50px;\">\n <h2>RCCP Curb Model Specification Sheet<\/h2>\n <\/div>\n <table>\n <tr>\n <th>A<\/th><th>B<\/th><th>C<\/th><th>D<\/th><th>E<\/th><th>F<\/th><th>G (T-Square)<\/th><th>H<\/th><th>Hinge<\/th><th>Pitch<\/th>\n <\/tr>\n <tr>\n <td>${addInches(vals.A)}<\/td><td>${addInches(vals.B)}<\/td><td>${addInches(vals.C)}<\/td><td>${addInches(vals.D)}<\/td>\n <td>${addInches(vals.E)}<\/td><td>${addInches(vals.F)}<\/td><td>${addInches(vals.G)}<\/td><td>${addInches(vals.H)}<\/td>\n <td>${addInches(hinge)}<\/td><td>${addInches(vals.pitch)}<\/td>\n <\/tr>\n <\/table>\n <div style=\"margin-top:16px;\">\n <h3>Standard Features<\/h3>\n <ul>\n <li>18 Gauge Galvanized Steel<\/li>\n <li>All welded weatherproof construction<\/li>\n <li>Self flashing curb base<\/li>\n <li>Exhaust fan adapter with hinged top<\/li>\n <li>Pitched roof design (custom pitch input)<\/li>\n <\/ul>\n <\/div>\n <div style=\"margin-top:12px;\">\n <h3>Optional Features<\/h3>\n <ul>\n <li>Insulated construction<\/li>\n <li>Vented construction<\/li>\n <li>Interior metal liner<\/li>\n <\/ul>\n <\/div>\n <div style=\"margin-top:16px; text-align:center;\">${\n imgs.map(src => `<img decoding=\"async\" src=\"${src}\" alt=\"Drawing\">`).join('')\n }<\/div>\n <div style=\"text-align:center; margin-top:20px;\">\n <button id=\"print-btn\" onclick=\"window.print()\">Print Spec Sheet<\/button>\n <\/div>\n <\/body><\/html>`;\n\n const w = window.open('', '', 'width=900,height=900');\n w.document.open();\n w.document.write(html);\n w.document.close();\n w.focus();\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>RCCP Spec Sheet Generator (Popup Version – Final Locked) RCCP Curb Input Pitch Option: Option AOption BOption COption D Pitch (inches per foot): Dimension A (inches): Dimension B (inches): Dimension C (inches): Dimension D (inches): Dimension E (inches): Dimension F (inches): Dimension G (T-Square) (inches): Dimension H (inches): Generate Spec Sheet Drawing Preview<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":34,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1300","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/pages\/1300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/comments?post=1300"}],"version-history":[{"count":4,"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/pages\/1300\/revisions"}],"predecessor-version":[{"id":1585,"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/pages\/1300\/revisions\/1585"}],"up":[{"embeddable":true,"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/pages\/34"}],"wp:attachment":[{"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/media?parent=1300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1300,"date":"2025-10-10T17:32:17","date_gmt":"2025-10-10T17:32:17","guid":{"rendered":"http:\/\/selectairsystemsinccom.local\/?page_id=1300"},"modified":"2025-10-22T14:26:36","modified_gmt":"2025-10-22T14:26:36","slug":"rcc-p-spec-sheet","status":"publish","type":"page","link":"https:\/\/selectairsystemsinc.com\/selectwp\/roof-curbs\/rcc-p-spec-sheet\/","title":{"rendered":"RCC-P Spec Sheet"},"content":{"rendered":"\n\n\n\n\nRCCP Spec Sheet Generator (Popup Version – Final Locked)<\/title>\n<style>\n body { font-family: Arial, sans-serif; margin:20px; }\n input, select, button { font-family: inherit; }\n .container { display:flex; gap:20px; flex-wrap:wrap; }\n .panel { border:1px solid #ccc; padding:15px; border-radius:6px; min-width:300px; max-width:520px; }\n h3 { margin-top:0; }\n table { border-collapse:collapse; width:100%; text-align:center; }\n th, td { border:1px solid #ccc; padding:6px; }\n #rccp-preview-images img { max-width:100%; height:auto; display:block; margin:10px auto; }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n\n \n <div class=\"panel\" id=\"rccp-input-wrapper\">\n <h3>RCCP Curb Input<\/h3>\n\n <label for=\"rccp-template-select\">Pitch Option:<\/label>\n <select id=\"rccp-template-select\" style=\"width:100%; padding:6px; margin:8px 0 12px 0;\">\n <option value=\"optionA\">Option A<\/option>\n <option value=\"optionB\">Option B<\/option>\n <option value=\"optionC\">Option C<\/option>\n <option value=\"optionD\">Option D<\/option>\n <\/select>\n\n <label for=\"rccp-input-pitch\">Pitch (inches per foot):<\/label>\n <input id=\"rccp-input-pitch\" type=\"number\" min=\"0\" step=\"0.25\" style=\"width:100%; padding:6px; margin:8px 0;\">\n\n <label for=\"rccp-input-a\">Dimension A (inches):<\/label>\n <input id=\"rccp-input-a\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0;\">\n <label for=\"rccp-input-b\">Dimension B (inches):<\/label>\n <input id=\"rccp-input-b\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0;\">\n <label for=\"rccp-input-c\">Dimension C (inches):<\/label>\n <input id=\"rccp-input-c\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0;\">\n <label for=\"rccp-input-d\">Dimension D (inches):<\/label>\n <input id=\"rccp-input-d\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0;\">\n <label for=\"rccp-input-e\">Dimension E (inches):<\/label>\n <input id=\"rccp-input-e\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0;\">\n <label for=\"rccp-input-f\">Dimension F (inches):<\/label>\n <input id=\"rccp-input-f\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0;\">\n <label for=\"rccp-input-g\">Dimension G (T-Square) (inches):<\/label>\n <input id=\"rccp-input-g\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0;\">\n <label for=\"rccp-input-h\">Dimension H (inches):<\/label>\n <input id=\"rccp-input-h\" type=\"number\" min=\"0\" style=\"width:100%; padding:6px; margin:8px 0 12px 0;\">\n\n <button id=\"rccp-generate\" style=\"width:100%; padding:10px; background:#0073aa; color:#fff; border:none; border-radius:4px; cursor:pointer;\">Generate Spec Sheet<\/button>\n <\/div>\n\n \n <div class=\"panel\" id=\"rccp-preview-wrapper\">\n <h3>Drawing Preview<\/h3>\n <div id=\"rccp-preview-images\"><\/div>\n <\/div>\n<\/div>\n\n<script>\nconst rccpTemplates = {\n optionA: [\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCP-A-e1760109496721.png\",\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCC2.png\"\n ],\n optionB: [\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCP-B-e1760109439442.png\",\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCC2.png\"\n ],\n optionC: [\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCP-C-e1760109474792.png\",\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCC2.png\"\n ],\n optionD: [\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCP-D-e1760109458507.png\",\n \"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/RCCC2.png\"\n ]\n};\n\nfunction updatePreviewImages() {\n const selected = document.getElementById('rccp-template-select').value;\n const imgs = rccpTemplates[selected] || [];\n const div = document.getElementById('rccp-preview-images');\n div.innerHTML = '';\n imgs.forEach(src => {\n const img = document.createElement('img');\n img.src = src;\n div.appendChild(img);\n });\n}\ndocument.getElementById('rccp-template-select').addEventListener('change', updatePreviewImages);\nupdatePreviewImages();\n\ndocument.getElementById('rccp-generate').addEventListener('click', () => {\n const vals = {\n pitch: document.getElementById('rccp-input-pitch').value || '',\n A: document.getElementById('rccp-input-a').value || '',\n B: document.getElementById('rccp-input-b').value || '',\n C: document.getElementById('rccp-input-c').value || '',\n D: document.getElementById('rccp-input-d').value || '',\n E: document.getElementById('rccp-input-e').value || '',\n F: document.getElementById('rccp-input-f').value || '',\n G: document.getElementById('rccp-input-g').value || '',\n H: document.getElementById('rccp-input-h').value || ''\n };\n const hinge = vals.G ? (parseFloat(vals.G) - 0.5).toFixed(2) : '';\n const selected = document.getElementById('rccp-template-select').value;\n const imgs = rccpTemplates[selected] || [];\n\n const css = `\n <style>\n body { font-family: Arial, sans-serif; margin:20px; }\n table { border-collapse:collapse; width:100%; text-align:center; margin-top:16px; }\n th, td { border:1px solid #ccc; padding:6px; }\n img { display:block; margin:10px auto; max-width:90%; height:auto; page-break-inside:avoid; }\n h2 { text-align:center; margin-top:20px; }\n button { padding:8px 14px; background:#0073aa; color:#fff; border:none; border-radius:4px; cursor:pointer; }\n @media print { #print-btn { display:none; } }\n <\/style>`;\n\n const addInches = v => v ? `${v}\"` : '';\n\n const html = `\n <html><head><title>RCCP Spec Sheet<\/title>${css}<\/head><body>\n <div style=\"position:relative; padding-bottom:10px; border-bottom:2px solid #000;\">\n <img decoding=\"async\" src=\"https:\/\/selectairsystemsinc.com\/selectwp\/wp-content\/uploads\/2025\/10\/SELECT-AIR-SYSTEMS-LOGO-black-on-white.jpg\"\n alt=\"Logo\" style=\"position:absolute; top:0; left:0; height:50px;\">\n <h2>RCCP Curb Model Specification Sheet<\/h2>\n <\/div>\n <table>\n <tr>\n <th>A<\/th><th>B<\/th><th>C<\/th><th>D<\/th><th>E<\/th><th>F<\/th><th>G (T-Square)<\/th><th>H<\/th><th>Hinge<\/th><th>Pitch<\/th>\n <\/tr>\n <tr>\n <td>${addInches(vals.A)}<\/td><td>${addInches(vals.B)}<\/td><td>${addInches(vals.C)}<\/td><td>${addInches(vals.D)}<\/td>\n <td>${addInches(vals.E)}<\/td><td>${addInches(vals.F)}<\/td><td>${addInches(vals.G)}<\/td><td>${addInches(vals.H)}<\/td>\n <td>${addInches(hinge)}<\/td><td>${addInches(vals.pitch)}<\/td>\n <\/tr>\n <\/table>\n <div style=\"margin-top:16px;\">\n <h3>Standard Features<\/h3>\n <ul>\n <li>18 Gauge Galvanized Steel<\/li>\n <li>All welded weatherproof construction<\/li>\n <li>Self flashing curb base<\/li>\n <li>Exhaust fan adapter with hinged top<\/li>\n <li>Pitched roof design (custom pitch input)<\/li>\n <\/ul>\n <\/div>\n <div style=\"margin-top:12px;\">\n <h3>Optional Features<\/h3>\n <ul>\n <li>Insulated construction<\/li>\n <li>Vented construction<\/li>\n <li>Interior metal liner<\/li>\n <\/ul>\n <\/div>\n <div style=\"margin-top:16px; text-align:center;\">${\n imgs.map(src => `<img decoding=\"async\" src=\"${src}\" alt=\"Drawing\">`).join('')\n }<\/div>\n <div style=\"text-align:center; margin-top:20px;\">\n <button id=\"print-btn\" onclick=\"window.print()\">Print Spec Sheet<\/button>\n <\/div>\n <\/body><\/html>`;\n\n const w = window.open('', '', 'width=900,height=900');\n w.document.open();\n w.document.write(html);\n w.document.close();\n w.focus();\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>RCCP Spec Sheet Generator (Popup Version – Final Locked) RCCP Curb Input Pitch Option: Option AOption BOption COption D Pitch (inches per foot): Dimension A (inches): Dimension B (inches): Dimension C (inches): Dimension D (inches): Dimension E (inches): Dimension F (inches): Dimension G (T-Square) (inches): Dimension H (inches): Generate Spec Sheet Drawing Preview<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":34,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1300","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/pages\/1300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/comments?post=1300"}],"version-history":[{"count":4,"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/pages\/1300\/revisions"}],"predecessor-version":[{"id":1585,"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/pages\/1300\/revisions\/1585"}],"up":[{"embeddable":true,"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/pages\/34"}],"wp:attachment":[{"href":"https:\/\/selectairsystemsinc.com\/selectwp\/wp-json\/wp\/v2\/media?parent=1300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}