/* ========================================================= QUARRY TEX — CUSTOM PROJECT REQUEST COMPLETE CLIENT SCRIPT QUARRY TEX QUOTE REQUEST WEB FORM ========================================================= */ frappe.ready(function () { document.body.classList.add("qt-custom-project-form"); /* ===================================================== 0. LOAD QUARRY TEX STANDARD FONT — INTER ===================================================== */ if (!document.getElementById("quarry-inter-font")) { const fontLink = document.createElement("link"); fontLink.id = "quarry-inter-font"; fontLink.rel = "stylesheet"; fontLink.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap"; document.head.appendChild(fontLink); } if (!document.getElementById("quarry-inter-styles")) { const fontStyles = document.createElement("style"); fontStyles.id = "quarry-inter-styles"; fontStyles.textContent = ` body, body *, #qt-site-header, #qt-site-header *, .web-form, .web-form *, .web-form-container, .web-form-container *, .web-form-wrapper, .web-form-wrapper *, .form-page, .form-page *, .modal, .modal *, button, input, textarea, select { font-family: "Inter", sans-serif !important; } `; document.head.appendChild(fontStyles); } /* ===================================================== 1. REBUILD EXISTING FRAPPE WEBSITE HEADER ===================================================== */ function rebuildWebsiteHeader() { const candidates = document.querySelectorAll( "header.navbar, " + ".navbar.navbar-expand, " + ".navbar.navbar-expand-lg, " + ".website-navbar, " + ".web-navbar, " + "nav.navbar" ); let nativeHeader = null; candidates.forEach(function (element) { if (nativeHeader) return; if ( element.closest(".web-form-container") || element.closest(".web-form") ) { return; } nativeHeader = element; }); if (!nativeHeader) { document .querySelectorAll("header, nav") .forEach(function (element) { if (nativeHeader) return; const text = (element.textContent || "") .replace(/\s+/g, " ") .trim(); if ( text.includes("Home") && text.includes("Services") && ( text.includes("Contact") || text.includes("REQUEST A QUOTE") || text.includes("GET MY QUOTE") ) ) { if ( !element.closest(".web-form-container") && !element.closest(".web-form") ) { nativeHeader = element; } } }); } if (!nativeHeader) { return false; } if ( nativeHeader.classList.contains( "qt-native-header-converted" ) ) { return true; } nativeHeader.classList.add( "qt-native-header-converted" ); nativeHeader.id = "qt-site-header"; nativeHeader.innerHTML = ` `; setupMobileMenu(nativeHeader); return true; } /* ===================================================== 2. MOBILE MENU ===================================================== */ function setupMobileMenu(header) { if (!header) return; if (header.dataset.qtMobileReady === "true") { return; } const menuButton = header.querySelector(".qt-site-menu-toggle"); const mobileMenu = header.querySelector(".qt-site-mobile-menu"); if (!menuButton || !mobileMenu) { return; } header.dataset.qtMobileReady = "true"; function closeMenu() { mobileMenu.classList.remove("is-open"); menuButton.setAttribute( "aria-expanded", "false" ); } menuButton.addEventListener( "click", function (event) { event.preventDefault(); event.stopPropagation(); const isOpen = mobileMenu.classList.toggle("is-open"); menuButton.setAttribute( "aria-expanded", isOpen ? "true" : "false" ); } ); mobileMenu .querySelectorAll("a") .forEach(function (link) { link.addEventListener( "click", closeMenu ); }); document.addEventListener( "click", function (event) { if ( !mobileMenu.contains(event.target) && !menuButton.contains(event.target) ) { closeMenu(); } } ); window.addEventListener( "resize", function () { if (window.innerWidth > 800) { closeMenu(); } } ); } /* ===================================================== 3. FIELD HELPERS NEW QUARRY TEX QUOTE REQUEST FIELD NAMES ===================================================== */ function getFieldWrapper(fieldname) { return document.querySelector( '[data-fieldname="' + fieldname + '"]' ); } function getFieldInput(fieldname) { const wrapper = getFieldWrapper(fieldname); if (!wrapper) { return null; } return wrapper.querySelector( "input, textarea, select" ); } /* ===================================================== 4. PLACEHOLDERS ===================================================== */ function setPlaceholder(fieldname, text) { const field = getFieldInput(fieldname); if (!field) { return; } if ( field.tagName && field.tagName.toLowerCase() === "select" ) { if ( field.options && field.options.length > 0 ) { const firstOption = field.options[0]; if ( !firstOption.value || firstOption.value === "" ) { firstOption.textContent = text; } } return; } field.setAttribute( "placeholder", text ); } function updatePlaceholders() { setPlaceholder( "full_name", "Full Name *" ); setPlaceholder( "company_name", "Company Name" ); setPlaceholder( "email", "Email *" ); setPlaceholder( "phone", "Phone *" ); setPlaceholder( "project_type", "Project Type *" ); setPlaceholder( "project_location", "Project Location" ); setPlaceholder( "installation_needed", "Installation Needed" ); setPlaceholder( "tell_us_about_your_project", "Tell Us About Your Project" ); } /* ===================================================== 5. HIDE STANDARD FIELD LABELS ===================================================== */ function hideFieldLabels() { const fields = [ "full_name", "company_name", "email", "phone", "project_type", "project_location", "installation_needed", "tell_us_about_your_project" ]; fields.forEach(function (fieldname) { const wrapper = getFieldWrapper(fieldname); if (!wrapper) { return; } wrapper .querySelectorAll( ".control-label, label" ) .forEach(function (label) { label.style.display = "none"; }); }); } /* ===================================================== 6. KEEP UPLOAD LABEL VISIBLE + ENLARGE ATTACH BUTTON ===================================================== */ function fixUploadField() { const wrapper = getFieldWrapper( "upload_files" ); if (!wrapper) { return; } wrapper .querySelectorAll( ".control-label, label" ) .forEach(function (label) { label.style.display = ""; }); wrapper .querySelectorAll( "button, .btn" ) .forEach(function (button) { const text = (button.textContent || "") .replace(/\s+/g, " ") .trim() .toLowerCase(); if ( text === "attach" || text.includes("attach") ) { button.style.setProperty( "min-height", "46px", "important" ); button.style.setProperty( "padding", "11px 24px", "important" ); button.style.setProperty( "font-size", "15px", "important" ); button.style.setProperty( "font-weight", "600", "important" ); button.style.setProperty( "border-radius", "6px", "important" ); } }); } /* ===================================================== 7. ATTACHMENT UPLOAD OPTIONS HIDE: - PRIVATE - OPTIMIZE - SET ALL PRIVATE - SET ALL PUBLIC ===================================================== */ function cleanUploadModal() { document .querySelectorAll(".modal.show, .modal") .forEach(function (modal) { const modalText = (modal.textContent || "") .replace(/\s+/g, " ") .trim() .toLowerCase(); if ( !modalText.includes("upload") && !modalText.includes("optimize") && !modalText.includes("private") && !modalText.includes("set all public") && !modalText.includes("set all private") ) { return; } modal .querySelectorAll('input[type="checkbox"]') .forEach(function (checkbox) { let row = checkbox; let matchedText = ""; for ( let i = 0; i < 6 && row; i += 1 ) { const text = (row.textContent || "") .replace(/\s+/g, " ") .trim() .toLowerCase(); if ( text === "private" || text === "optimize" || text.includes(" private") || text.includes(" optimize") || text.startsWith("private") || text.startsWith("optimize") ) { matchedText = text; break; } row = row.parentElement; } if (!row || !matchedText) { return; } if ( matchedText.includes("private") && checkbox.checked ) { checkbox.checked = false; checkbox.removeAttribute( "checked" ); checkbox.dispatchEvent( new Event( "change", { bubbles: true } ) ); } row.style.setProperty( "display", "none", "important" ); }); modal .querySelectorAll( "label, span, .checkbox, " + ".form-check, .frappe-control" ) .forEach(function (element) { const text = (element.textContent || "") .replace(/\s+/g, " ") .trim() .toLowerCase(); if ( text !== "private" && text !== "optimize" ) { return; } let row = element; for ( let i = 0; i < 4 && row; i += 1 ) { const rowText = (row.textContent || "") .replace(/\s+/g, " ") .trim() .toLowerCase(); if ( rowText === text || rowText === "private optimize" || rowText === "optimize private" ) { break; } row = row.parentElement; } (row || element) .style .setProperty( "display", "none", "important" ); }); modal .querySelectorAll( ".modal-footer button, " + ".modal-footer .btn, " + "button, .btn" ) .forEach(function (button) { const text = (button.textContent || "") .replace(/\s+/g, " ") .trim() .toLowerCase(); if ( text === "set all public" || text === "set all private" ) { button.style.setProperty( "display", "none", "important" ); } }); }); } /* ===================================================== 8. CUSTOM PROJECT FORM HEADER ===================================================== */ function addProjectHeader() { const allHeadings = document.querySelectorAll( "h1, h2, h3, h4, " + ".web-form-title, " + ".page-title" ); let title = null; allHeadings.forEach(function (element) { const text = (element.textContent || "") .trim() .replace(/\s+/g, " "); if ( text === "Quarry Tex Custom Project Request" ) { title = element; } }); if (!title) { allHeadings.forEach( function (element) { const text = (element.textContent || "") .trim() .replace(/\s+/g, " "); if ( text === "Start a Custom Project" ) { title = element; } } ); } if (!title) { return; } title.textContent = "Start a Custom Project"; title.classList.add( "qt-custom-project-heading" ); document .querySelectorAll( ".qt-custom-project-subtitle, " + ".qt-form-subtitle" ) .forEach(function (subtitle) { subtitle.remove(); }); const subtitle = document.createElement("p"); subtitle.className = "qt-form-subtitle " + "qt-custom-project-subtitle"; subtitle.textContent = "For custom signs and graphics that require planning, measurements or design."; title.insertAdjacentElement( "afterend", subtitle ); } /* ===================================================== 9. REMOVE OLD PRODUCT QUOTE ELEMENTS ===================================================== */ function removeProductElements() { const selectors = [ ".qt-product-box", ".product-box", ".product-summary", ".product-info-box", "[data-qt-product]", "#qt-product-box" ]; selectors.forEach( function (selector) { document .querySelectorAll(selector) .forEach(function (element) { element.remove(); }); } ); } /* ===================================================== 10. CLEAN OLD PRODUCT PARAMETERS FROM URL ===================================================== */ function cleanURL() { try { const url = new URL( window.location.href ); const parameters = [ "quote_mode", "item", "product" ]; let changed = false; parameters.forEach( function (parameter) { if ( url.searchParams.has(parameter) ) { url.searchParams.delete( parameter ); changed = true; } } ); if (changed) { window.history.replaceState( {}, document.title, url.pathname + url.search + url.hash ); } } catch (error) { console.log( "Quarry Tex URL cleanup skipped." ); } } /* ===================================================== 11. REMOVE DISCARD / CANCEL BUTTON ===================================================== */ function removeDiscardButton() { const buttons = document.querySelectorAll( ".web-form-actions button, " + ".form-actions button, " + ".web-form-actions .btn, " + ".form-actions .btn" ); buttons.forEach(function (button) { const text = (button.textContent || "") .trim() .toLowerCase(); if ( text === "discard" || text === "cancel" ) { button.style.setProperty( "display", "none", "important" ); } }); } /* ===================================================== 12. UPDATE SUBMIT BUTTON IMPORTANT: We are ONLY changing the text/style. Frappe handles submission normally to: Quarry Tex Quote Request ===================================================== */ function updateSubmitButton() { const buttons = document.querySelectorAll( ".web-form-actions .btn-primary, " + ".form-actions .btn-primary, " + "button[type='submit']" ); buttons.forEach(function (button) { if ( button.closest( "#qt-site-header" ) ) { return; } button.textContent = "SUBMIT"; button.classList.add( "qt-project-submit" ); }); } /* ===================================================== 13. AUTOCOMPLETE ===================================================== */ function setAutocomplete() { const settings = { full_name: "name", company_name: "organization", email: "email", phone: "tel" }; Object.keys(settings) .forEach(function (fieldname) { const field = getFieldInput(fieldname); if (!field) { return; } field.setAttribute( "autocomplete", settings[fieldname] ); }); } /* ===================================================== 14. APPLY INTER TO DYNAMIC ELEMENTS ===================================================== */ function applyInterFont() { const elements = document.querySelectorAll( "#qt-site-header, " + "#qt-site-header *, " + ".web-form, " + ".web-form *, " + ".web-form-container, " + ".web-form-container *, " + ".web-form-wrapper, " + ".web-form-wrapper *, " + ".form-page, " + ".form-page *, " + ".modal, " + ".modal *, " + "button, input, textarea, select" ); elements.forEach(function (element) { element.style.setProperty( "font-family", "'Inter', sans-serif", "important" ); }); } /* ===================================================== 15. CLEAN / FORMAT FORM ===================================================== */ function cleanForm() { rebuildWebsiteHeader(); addProjectHeader(); updatePlaceholders(); hideFieldLabels(); fixUploadField(); cleanUploadModal(); removeProductElements(); removeDiscardButton(); updateSubmitButton(); setAutocomplete(); applyInterFont(); } /* ===================================================== 16. INITIALIZE ===================================================== */ cleanURL(); cleanForm(); [ 100, 250, 500, 1000, 1500, 2500 ].forEach(function (delay) { setTimeout( cleanForm, delay ); }); /* ===================================================== 17. WATCH FOR FRAPPE RE-RENDERING ===================================================== */ let cleanupTimer = null; const observer = new MutationObserver( function () { clearTimeout( cleanupTimer ); cleanupTimer = setTimeout( function () { rebuildWebsiteHeader(); addProjectHeader(); updatePlaceholders(); hideFieldLabels(); fixUploadField(); cleanUploadModal(); removeProductElements(); removeDiscardButton(); updateSubmitButton(); setAutocomplete(); applyInterFont(); }, 100 ); } ); observer.observe( document.body, { childList: true, subtree: true } ); /* ===================================================== 18. EXTRA ATTACHMENT POPUP CHECKS ===================================================== */ document.addEventListener( "click", function (event) { const target = event.target.closest( "button, .btn, a" ); if (!target) { return; } const text = (target.textContent || "") .replace(/\s+/g, " ") .trim() .toLowerCase(); if ( text.includes("attach") || text.includes("upload") ) { [ 0, 50, 100, 200, 350, 500, 750, 1000 ].forEach(function (delay) { setTimeout( cleanUploadModal, delay ); }); } }, true ); /* ===================================================== 19. INITIAL ATTACHMENT CLEANUP ===================================================== */ cleanUploadModal(); });

Start a Custom Project

Project Quote Request Received