Browse the freelancers
@@ -844,8 +959,18 @@
============================================================================ */
var ODOO_EXPERTS_WEBHOOK =
"https://n8n.odoo4projects.com/webhook/ODOO4projects/odoo_experts";
+ // The anonymous get-quote flow (client → us → freelancers → back to the client).
+ var ODOO_EXPERTS_QUOTE_WEBHOOK =
+ "https://n8n.odoo4projects.com/webhook/ODOO4projects/odoo_experts_quote";
+ // A freelancer invites a friend to sign up.
+ var ODOO_EXPERTS_INVITE_WEBHOOK =
+ "https://n8n.odoo4projects.com/webhook/ODOO4projects/odoo_experts_invite_friend";
- var MULTI_FIELDS = ["languages", "specialities", "odoo_versions"]; // comma-separated → array
+ // Wire shape, per the user: `languages` and `specialities` are COMMA-SEPARATED
+ // STRINGS ("English,German"), NOT arrays — so the workflow can split one field.
+ // `odoo_versions` is still sent as an array. The build script splits BOTH shapes.
+ var MULTI_FIELDS = ["odoo_versions"]; // comma-separated → array
+ var CSV_STRING_FIELDS = ["languages", "specialities"]; // comma-separated → STRING
var BOOL_FIELDS = ["OCA_member", "is_individual", "email_public_consent"];
var NUM_FIELDS = ["odoo4projects_clients"];
@@ -885,6 +1010,20 @@
return;
}
+ if (CSV_STRING_FIELDS.indexOf(name) !== -1) {
+ // Normalise to the wire shape: trim each entry, drop blanks, re-join.
+ // "English, German" and "a, b, ,c" → "English,German" and "a,b,c".
+ var norm = (els[0].value || "")
+ .split(",")
+ .map(function (s) {
+ return s.trim();
+ })
+ .filter(Boolean)
+ .join(",");
+ if (norm) payload[name] = norm; // an empty box must not wipe the field
+ return;
+ }
+
if (BOOL_FIELDS.indexOf(name) !== -1) {
payload[name] = !!els[0].checked;
return;
@@ -920,8 +1059,10 @@
else el.removeAttribute("data-state");
}
- function postToWebhook(payload) {
- return fetch(ODOO_EXPERTS_WEBHOOK, {
+ /* One POST helper for all three routes. The endpoint is the only thing that
+ differs; the shape of what each form sends is its own contract. */
+ function postTo(url, payload) {
+ return fetch(url, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(payload)
@@ -987,9 +1128,10 @@
withImage
.then(function () {
- return postToWebhook(payload);
+ return postTo(ODOO_EXPERTS_WEBHOOK, payload);
})
- .then(function () {
+ .then(function (res) {
+ if (!res.ok) throw new Error("HTTP " + res.status);
setStatus(
status,
"Thank you — check your inbox to confirm your email. Your listing goes live once it is confirmed and checked.",
@@ -1010,8 +1152,95 @@
});
}
+ /* ---- Form 3: anonymous client request (posts to the quote route) ----
+ The client picks the freelancers, writes the brief and leaves an address for
+ the answers. n8n returns 200 BEFORE the workflow runs and also on a bad
+ payload, so a 200 is the only signal we have — the form cannot tell success
+ from failure. Hence: success only on a returned 200, and no promised timing. */
+ function initRequestForm() {
+ var form = document.getElementById("requestForm");
+ if (!form) return;
+ var status = document.getElementById("requestStatus");
+ form.addEventListener("submit", function (event) {
+ event.preventDefault();
+ if (!form.reportValidity()) return;
+ var picks = Array.prototype.slice.call(
+ form.querySelectorAll('input[name="freelancers"]:checked')
+ );
+ if (!picks.length) {
+ setStatus(status, "Pick at least one freelancer to send your request to.", "err");
+ return;
+ }
+ var payload = {
+ brief: form.querySelector('[name="brief"]').value.trim(),
+ email: form.querySelector('[name="email"]').value.trim(),
+ freelancers: picks.map(function (box) {
+ var id = Number(box.getAttribute("data-id"));
+ return { id: isNaN(id) ? null : id, name: box.value };
+ })
+ };
+ var submit = form.querySelector('button[type="submit"]');
+ submit.disabled = true;
+ setStatus(status, "Sending…", null);
+ postTo(ODOO_EXPERTS_QUOTE_WEBHOOK, payload)
+ .then(function (res) {
+ if (!res.ok) throw new Error("HTTP " + res.status);
+ setStatus(
+ status,
+ "Thank you — your request is on its way to the freelancers you picked, with no name attached. We will come back to you with their answers.",
+ "ok"
+ );
+ form.reset();
+ })
+ .catch(function () {
+ setStatus(
+ status,
+ "That did not send. Please try again, or email us at hello@odoo4projects.com and we will pass it on.",
+ "err"
+ );
+ })
+ .then(function () {
+ submit.disabled = false;
+ });
+ });
+ }
+
+ /* ---- Form 4: invite a friend (posts to the invite route) ----
+ Two fields: the sender's name and a friend's email. WE send the invitation,
+ from our own address — never from the sender's — and we say who suggested it. */
+ function initInviteForm() {
+ var form = document.getElementById("inviteForm");
+ if (!form) return;
+ var status = document.getElementById("inviteStatus");
+ form.addEventListener("submit", function (event) {
+ event.preventDefault();
+ if (!form.reportValidity()) return;
+ var submit = form.querySelector('button[type="submit"]');
+ submit.disabled = true;
+ setStatus(status, "Sending…", null);
+ postTo(ODOO_EXPERTS_INVITE_WEBHOOK, buildPayload(form, false))
+ .then(function (res) {
+ if (!res.ok) throw new Error("HTTP " + res.status);
+ setStatus(
+ status,
+ "Thank you — we will email them one invitation to sign up, and tell them you suggested it.",
+ "ok"
+ );
+ form.reset();
+ })
+ .catch(function () {
+ setStatus(status, "That did not send. Please try again.", "err");
+ })
+ .then(function () {
+ submit.disabled = false;
+ });
+ });
+ }
+
initFilters();
initApplyForm();
+ initRequestForm();
+ initInviteForm();