Oliver/static
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

l

Browse Source
This commit is contained in:
Your Name
2026-04-07 13:52:00 -03:00
parent 3924ad86ff
commit 3996bef0ff
2 changed files with 127 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tryModal.js
+106 -97
View File
@@ -1,52 +1,59 @@
const TRYNOW_WEBHOOK_URL = "https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/c25169c6-4234-4b47-8e74-612b9539da0a"; const TRYNOW_WEBHOOK_URL =
"https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/c25169c6-4234-4b47-8e74-612b9539da0a";
// --- Helper: Get cookie value --- // --- Helper: Get cookie value ---
function getCookie(name) { function getCookie(name) {
const value = `; ${document.cookie}`; const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`); const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift(); if (parts.length === 2) return parts.pop().split(";").shift();
return null; return null;
} }
// --- Add UTM fields to form --- // --- Add UTM fields to form ---
function addUtmFields(form) { function addUtmFields(form) {
const utmParams = ["utm_source", "utm_medium", "utm_campaign", "utm_term", "utm_content"]; const utmParams = [
"utm_source",
"utm_medium",
"utm_campaign",
"utm_term",
"utm_content",
];
const defaults = { const defaults = {
utm_source: "homepage", utm_source: "homepage",
utm_medium: "direct", utm_medium: "direct",
utm_campaign: "none" utm_campaign: "none",
}; };
utmParams.forEach(param => { utmParams.forEach((param) => {
let input = form.querySelector(`input[name="${param}"]`); let input = form.querySelector(`input[name="${param}"]`);
if (!input) { if (!input) {
input = document.createElement("input"); input = document.createElement("input");
input.type = "hidden"; input.type = "hidden";
input.name = param; input.name = param;
form.appendChild(input); form.appendChild(input);
} }
const cookieValue = getCookie(param); const cookieValue = getCookie(param);
input.value = cookieValue || defaults[param] || ""; input.value = cookieValue || defaults[param] || "";
}); });
} }
// --- Create modal --- // --- Create modal ---
function tryNow_createModal() { function tryNow_createModal() {
const modal = document.createElement("div"); const modal = document.createElement("div");
modal.id = "trynowModal"; modal.id = "trynowModal";
modal.style.position = "fixed"; modal.style.position = "fixed";
modal.style.top = "0"; modal.style.top = "0";
modal.style.left = "0"; modal.style.left = "0";
modal.style.width = "100%"; modal.style.width = "100%";
modal.style.height = "100%"; modal.style.height = "100%";
modal.style.backgroundColor = "rgba(0,0,0,0.6)"; modal.style.backgroundColor = "rgba(0,0,0,0.6)";
modal.style.display = "none"; modal.style.display = "none";
modal.style.justifyContent = "center"; modal.style.justifyContent = "center";
modal.style.alignItems = "center"; modal.style.alignItems = "center";
modal.style.zIndex = "1000"; modal.style.zIndex = "1000";
modal.innerHTML = ` modal.innerHTML = `
<div style=" <div style="
background: #ffffff; background: #ffffff;
padding: 40px 30px; padding: 40px 30px;
@@ -84,7 +91,6 @@ function tryNow_createModal() {
<select name="product" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;"> <select name="product" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">
<option value="odoo_19" selected>ODOO</option> <option value="odoo_19" selected>ODOO</option>
<option value="N8N">n8n</option>
</select> </select>
<button type="submit" style=" <button type="submit" style="
@@ -126,87 +132,90 @@ function tryNow_createModal() {
</div> </div>
`; `;
document.body.appendChild(modal); document.body.appendChild(modal);
// Add UTM fields after form exists // Add UTM fields after form exists
const form = modal.querySelector("#trynowForm"); const form = modal.querySelector("#trynowForm");
addUtmFields(form); addUtmFields(form);
// Close modal handlers // Close modal handlers
document.getElementById("trynowCloseModal").onclick = () => { modal.style.display = "none"; }; document.getElementById("trynowCloseModal").onclick = () => {
document.getElementById("trynowCloseConfirmation").onclick = () => { modal.style.display = "none";
document.getElementById("trynowConfirmation").style.display = "none"; };
modal.style.display = "none"; document.getElementById("trynowCloseConfirmation").onclick = () => {
}; document.getElementById("trynowConfirmation").style.display = "none";
modal.onclick = (e) => { if (e.target === modal) modal.style.display = "none"; }; modal.style.display = "none";
};
modal.onclick = (e) => {
if (e.target === modal) modal.style.display = "none";
};
return modal; return modal;
} }
// --- Handle form submission --- // --- Handle form submission ---
function tryNow_handleFormSubmit() { function tryNow_handleFormSubmit() {
const form = document.getElementById("trynowForm"); const form = document.getElementById("trynowForm");
const confirmation = document.getElementById("trynowConfirmation"); const confirmation = document.getElementById("trynowConfirmation");
form.addEventListener("submit", async (e) => { form.addEventListener("submit", async (e) => {
e.preventDefault(); e.preventDefault();
// Update UTM fields from cookies // Update UTM fields from cookies
addUtmFields(form); addUtmFields(form);
const data = {}; const data = {};
new FormData(form).forEach((value, key) => (data[key] = value)); new FormData(form).forEach((value, key) => (data[key] = value));
try { try {
const res = await fetch(TRYNOW_WEBHOOK_URL, { const res = await fetch(TRYNOW_WEBHOOK_URL, {
method: "POST", method: "POST",
headers: { "Content-Type": "application/json" }, headers: { "Content-Type": "application/json" },
body: JSON.stringify(data) body: JSON.stringify(data),
}); });
if (res.ok) { if (res.ok) {
form.style.display = "none"; form.style.display = "none";
confirmation.style.display = "block"; confirmation.style.display = "block";
form.reset(); form.reset();
} else { } else {
alert("Failed to submit form."); alert("Failed to submit form.");
} }
} catch (err) { } catch (err) {
console.error(err); console.error(err);
alert("Error submitting form."); alert("Error submitting form.");
} }
}); });
} }
// --- Attach "Try Now" buttons --- // --- Attach "Try Now" buttons ---
function tryNow_attachButtons() { function tryNow_attachButtons() {
const buttons = Array.from(document.querySelectorAll("a, button")); const buttons = Array.from(document.querySelectorAll("a, button"));
buttons.forEach(btn => { buttons.forEach((btn) => {
if (btn.textContent && btn.textContent.trim() === "Try Now") { if (btn.textContent && btn.textContent.trim() === "Try Now") {
btn.addEventListener("click", (e) => { btn.addEventListener("click", (e) => {
e.preventDefault(); e.preventDefault();
const modal = document.getElementById("trynowModal"); const modal = document.getElementById("trynowModal");
if (modal) { if (modal) {
modal.style.display = "flex"; modal.style.display = "flex";
// Reset modal state // Reset modal state
const form = document.getElementById("trynowForm"); const form = document.getElementById("trynowForm");
const confirmation = document.getElementById("trynowConfirmation"); const confirmation = document.getElementById("trynowConfirmation");
if (form && confirmation) { if (form && confirmation) {
form.style.display = "flex"; form.style.display = "flex";
confirmation.style.display = "none"; confirmation.style.display = "none";
addUtmFields(form); // refresh UTM fields each open addUtmFields(form); // refresh UTM fields each open
} }
}
});
} }
}); });
}
});
} }
// --- Initialize --- // --- Initialize ---
document.addEventListener("DOMContentLoaded", () => { document.addEventListener("DOMContentLoaded", () => {
tryNow_createModal(); tryNow_createModal();
tryNow_handleFormSubmit(); tryNow_handleFormSubmit();
tryNow_attachButtons(); tryNow_attachButtons();
}); });
tryModal.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long