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

fix(freelancer-directory): apply the ICP's five ship-blockers

Browse Source 
- hide the inert client request form; announce it as coming soon with an email
  fallback (no reachable error state, no submit that refuses a completed brief)
- soften the contact claim to 'where a freelancer published their details' and
  make a card with no contact say so instead of showing an empty space
- move the admin add/edit panel off the public page to its own draft page
  (/odoo-community-developers/admin/), unlinked, reachable only by URL
- admin edit: load-and-confirm the record before writing, and read-modify-write
  the booleans so an untouched OCA_member/is_individual keeps its current value
- application form: add Country + Odoo versions (the filters' inputs), GitHub and
  OCA profile URLs, and an explicit email-publication consent line
- tighten 'How this works' from ~120 words to two short options + one caveat
- build-directory.py: skip records with no Name; render GitHub/OCA links and the
  no-contact line; read Country via alias
This commit is contained in:
webmaster committed 2026-11-03 11:47:05 +00:00
1 parent e8c93d89ad
commit c74315e950
2 files changed
+604 -242
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

odoo-community-developers/index.html
+56 -242
View File
@@ -4,14 +4,14 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Find an Odoo Freelancer for Your Project</title>
<meta name="description" content="Browse independent Odoo freelancers for your project. Contact a freelancer directly, or post your brief and we forward it to them anonymously. Odoo Community specialists." />
<meta name="description" content="Browse independent Odoo freelancers for your project and write to one directly, using the contact details they have published. Odoo Community specialists." />
<!-- DRAFT: not indexed, not linked, not in sitemap.xml / llms.txt. All five draft
conditions hold (noindex · not in sitemap · not in llms.txt · no inbound links ·
no announcement surface). Remove this robots meta on go-live. -->
<meta name="robots" content="noindex, nofollow" />
<link rel="canonical" href="https://odoo4projects.com/odoo-community-developers/" />
<meta property="og:title" content="Find an Odoo freelancer for your project" />
<meta property="og:description" content="Independent Odoo Community freelancers you can contact directly — or post your brief and we forward it for you, anonymously." />
<meta property="og:description" content="Independent Odoo Community freelancers you can write to directly, using the contact details they publish on their card." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://odoo4projects.com/odoo-community-developers/" />
<meta name="twitter:card" content="summary" />
@@ -338,6 +338,13 @@
.dev-links a {
color: var(--brass-deep);
}
/* A card with no published contact says so — it never shows an empty space. */
.dev-contact-none {
margin: 0;
font-size: 0.82rem;
font-style: italic;
color: var(--ink-soft);
}
/* The three forms */
.dir-forms {
@@ -453,47 +460,6 @@
color: #b3452f;
}
/* Collapsed admin block */
.dir-admin {
max-width: 860px;
margin: 1.75rem auto 0;
}
.dir-admin summary {
cursor: pointer;
list-style: none;
padding: 0.95rem 1.25rem;
display: flex;
justify-content: space-between;
align-items: center;
gap: 0.75rem;
font-family: Marcellus, Georgia, serif;
font-size: 1.02rem;
color: var(--midnight);
background: var(--ivory);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
}
.dir-admin summary::-webkit-details-marker {
display: none;
}
.dir-admin summary::after {
content: "+";
font-family: Inter, sans-serif;
color: var(--brass);
font-size: 1.15rem;
line-height: 1;
}
.dir-admin[open] summary::after {
content: "\2212";
}
.dir-admin[open] summary {
border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
.dir-admin .form-card {
border-radius: 0 0 var(--radius-lg) var(--radius-lg);
border-top: 0;
}
/* Final CTA */
.cmp-cta {
text-align: center;
@@ -560,7 +526,7 @@
"@id": "https://odoo4projects.com/odoo-community-developers/#webpage",
"url": "https://odoo4projects.com/odoo-community-developers/",
"name": "Find an Odoo Freelancer for Your Project",
"description": "Browse independent Odoo freelancers for your project. Contact a freelancer directly, or post your brief and we forward it to them anonymously.",
"description": "Browse independent Odoo freelancers for your project and write to one directly, using the contact details they have published.",
"inLanguage": "en-US",
"isPartOf": {
"@id": "https://odoo4projects.com/#organization"
@@ -621,10 +587,10 @@
<div class="container">
<p class="hero-kicker">ODOO COMMUNITY FREELANCERS</p>
<h1>Find an Odoo freelancer for your next project</h1>
<p class="hero-sub">Independent Odoo specialists you can hire for the piece you cannot do yourself — a custom module, a migration, an integration, an app your business needs. Contact a freelancer directly, or post your brief and we forward it to them without your name attached.</p>
<p class="hero-sub">Independent Odoo specialists you can hire for the piece you cannot do yourself — a custom module, a migration, an integration, an app your business needs. Write to a freelancer directly, using the contact details they publish on their card.</p>
<div class="hero-actions">
<a href="#directory" class="btn btn-brass btn-lg">Browse the freelancers</a>
<a href="#request" class="btn btn-outline btn-lg">Post a request anonymously</a>
<a href="mailto:hello@odoo4projects.com?subject=Find%20me%20an%20Odoo%20freelancer" class="btn btn-outline btn-lg">Ask us to find one</a>
</div>
</div>
</section>
@@ -634,9 +600,9 @@
<div class="container">
<h2 class="section-title">How this works</h2>
<div class="oc-body">
<p>You have an Odoo Community system and a job that needs a specialist. Below is a list of independent Odoo freelancers. Each one wrote their own profile — their focus, their languages, the work they take on — and we publish it as theirs. We do not rate them and we do not recommend one over another.</p>
<p>You have two ways to reach them. <strong>Contact them directly</strong> — every freelancer's own contact details are published for exactly that purpose, so you can write to whoever looks right. Or <strong>post your project and stay anonymous</strong>: we forward your brief to the freelancer or freelancers you pick, they answer, and we send their answer back to you. Your name and your contact details are not shown to them until you decide to engage.</p>
<p>Either way, the work is agreed between you and the freelancer. We list people and pass messages; the project and the contract are yours.</p>
<p><strong>Write to a freelancer directly.</strong> Each card carries what that freelancer published — their focus, their languages, the work they take on, and their contact details where they chose to publish them. We do not rate them and we do not recommend one over another.</p>
<p><strong>Or let us ask them for you.</strong> We forward your brief to the freelancers you choose, without your name attached. That service is not switched on yet — see <a href="#request">Post a request</a> below.</p>
<p>Either way the work is agreed between you and the freelancer. We publish the listings; the project and the contract are yours.</p>
</div>
</div>
</section>
@@ -672,6 +638,7 @@
<li class="dev-tag">OCA member (as declared)</li>
</ul>
<dl class="dev-facts"><div><dt>Projects on ODOO4projects</dt><dd>4 projects — a count from our own records</dd></div></dl>
<p class="dev-contact-none">No contact details published for this freelancer.</p>
</article>
<!-- DIRECTORY-LIST-END -->
</div>
@@ -683,41 +650,18 @@
</div>
</section>
<!-- Client request / anonymous get-quote (form 3) -->
<!-- Client request / anonymous get-quote — NOT BUILT. The feature is announced,
not offered: there is no form and no submit button, so a client can never
write a brief into a submit that refuses it. When the workflow exists, the
freelancer selection must be an explicit pick-list over the directory — never
an implicit "all" — and the endpoint must be the odoo_experts webhook or a new
one the user names, nothing else. -->
<section class="section-light" id="request">
<div class="container">
<h2 class="section-title">Post a request — anonymously</h2>
<h2 class="section-title">Post a request — coming soon</h2>
<div class="oc-body">
<p>Not sure who to ask? Write your brief once and we forward it to the freelancers you choose, with no name and no contact details attached. A freelancer who is interested answers us, and we send their answer straight back to you. You decide whether to take it further — your details are only shared once you choose to engage.</p>
<p>We are building the anonymous request: you write your brief once, we forward it to the freelancers you choose with no name attached, and we send their answers back to you. It is not switched on yet. Until it is, email <a href="mailto:hello@odoo4projects.com">hello@odoo4projects.com</a> with your brief and we will pass it on by hand.</p>
</div>
<!-- FORM 3 — endpoint NOT BUILT YET. The form is complete; the destination is
a single clearly-named constant in the page script, left empty on purpose.
We do not guess a URL. Wire CLIENT_REQUEST_ENDPOINT when the workflow exists
(it must be the odoo_experts webhook or a new one the user names — nothing else). -->
<div class="dir-forms">
<form class="form-card" id="clientRequestForm" novalidate>
<div class="form-grid">
<div class="form-field">
<label for="crEmail">Your email</label>
<input id="crEmail" name="email" type="email" autocomplete="email" required />
<span class="hint">So we can send the freelancer's answer back to you. It is not shared with anyone until you decide to engage.</span>
</div>
<div class="form-field">
<label for="crTargets">Freelancers to ask <span class="hint">(optional)</span></label>
<input id="crTargets" name="targets" type="text" placeholder="Names, or leave blank for all" />
</div>
<div class="form-field full">
<label for="crProject">What do you need done?</label>
<textarea id="crProject" name="project" rows="6" required placeholder="The job, your Odoo version, and anything the freelancer should know to give you a price."></textarea>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-brass">Send my request</button>
<span class="form-status" id="clientRequestStatus" role="status"></span>
</div>
</div>
</form>
</div>
<noscript><p class="form-noscript">This form needs JavaScript. Email <a href="mailto:hello@odoo4projects.com">hello@odoo4projects.com</a> and we will pass your brief along by hand.</p></noscript>
</div>
</section>
@@ -738,8 +682,12 @@
<div class="form-field">
<label for="apEmail">Email</label>
<input id="apEmail" name="email" type="email" autocomplete="email" required />
<span class="hint">Used to confirm your listing before it goes live.</span>
<span class="hint">We confirm it before your listing goes live — and it is published on your card (see the consent below).</span>
</div>
<label class="form-check">
<input type="checkbox" name="email_public_consent" value="1" required />
<span>My email address is published on my public listing. I have read that and I agree. <span class="hint">(Your declaration — required.)</span></span>
</label>
<div class="form-field full">
<label for="apFocus">Your focus</label>
<input id="apFocus" name="Focus" type="text" placeholder="e.g. accounting and stock for small manufacturers" />
@@ -748,6 +696,16 @@
<label for="apDescription">About you, in your own words</label>
<textarea id="apDescription" name="description" rows="5" placeholder="What you do, who you do it for, how you work."></textarea>
</div>
<div class="form-field">
<label for="apCountry">Country</label>
<input id="apCountry" name="Country" type="text" placeholder="NL" />
<span class="hint">Where you work from. A two-letter code is enough (NL, DE, US).</span>
</div>
<div class="form-field">
<label for="apVersions">Odoo versions</label>
<input id="apVersions" name="odoo_versions" type="text" placeholder="16, 17, 18" />
<span class="hint">Separate with commas. The versions you actually work in.</span>
</div>
<div class="form-field">
<label for="apLanguages">Languages</label>
<input id="apLanguages" name="languages" type="text" placeholder="English, German" />
@@ -758,6 +716,14 @@
<input id="apSpecialities" name="specialities" type="text" placeholder="accounting, stock, migration" />
<span class="hint">Separate with commas.</span>
</div>
<div class="form-field">
<label for="apGithub">GitHub URL <span class="hint">(optional)</span></label>
<input id="apGithub" name="github" type="url" placeholder="https://github.com/…" />
</div>
<div class="form-field">
<label for="apOca">OCA profile URL <span class="hint">(optional)</span></label>
<input id="apOca" name="oca_profile" type="url" placeholder="https://github.com/OCA" />
</div>
<div class="form-field">
<label for="apLinkedin">LinkedIn URL <span class="hint">(optional)</span></label>
<input id="apLinkedin" name="Linkedin" type="url" placeholder="https://www.linkedin.com/in/…" />
@@ -794,93 +760,16 @@
</div>
</section>
<!-- Admin upload / edit (form 2) — the user's own form -->
<section class="section-light">
<div class="container">
<details class="dir-admin">
<summary>Admin: add or correct a freelancer record</summary>
<form class="form-card" id="adminForm" novalidate>
<div class="form-grid">
<div class="form-field">
<label for="adId">Record id <span class="hint">(leave blank to create a new record)</span></label>
<input id="adId" name="id" type="number" min="1" />
<span class="hint">With an id, the record is updated. Without one, a new record is created.</span>
</div>
<div class="form-field">
<label for="adClients">Projects on ODOO4projects</label>
<input id="adClients" name="odoo4projects_clients" type="number" min="0" />
<span class="hint">Our own count, not the freelancer's.</span>
</div>
<div class="form-field">
<label for="adName">Name</label>
<input id="adName" name="Name" type="text" />
</div>
<div class="form-field">
<label for="adEmail">Email</label>
<input id="adEmail" name="email" type="email" />
</div>
<div class="form-field">
<label for="adFocus">Focus</label>
<input id="adFocus" name="Focus" type="text" />
</div>
<div class="form-field full">
<label for="adDescription">Description</label>
<textarea id="adDescription" name="description" rows="4"></textarea>
</div>
<div class="form-field">
<label for="adLanguages">Languages</label>
<input id="adLanguages" name="languages" type="text" />
<span class="hint">Separate with commas.</span>
</div>
<div class="form-field">
<label for="adSpecialities">Specialities</label>
<input id="adSpecialities" name="specialities" type="text" />
<span class="hint">Separate with commas.</span>
</div>
<div class="form-field">
<label for="adLinkedin">LinkedIn URL</label>
<input id="adLinkedin" name="Linkedin" type="url" />
</div>
<div class="form-field">
<label for="adUpwork">Upwork URL</label>
<input id="adUpwork" name="upwork" type="url" />
</div>
<div class="form-field">
<label for="adFiverr">Fiverr URL</label>
<input id="adFiverr" name="fiverr" type="url" />
</div>
<div class="form-field">
<label for="adImage">Image URL</label>
<input id="adImage" name="Image" type="url" />
</div>
<label class="form-check">
<input type="checkbox" name="OCA_member" value="1" />
<span>OCA member.</span>
</label>
<label class="form-check">
<input type="checkbox" name="is_individual" value="1" />
<span>Works as an individual.</span>
</label>
<div class="form-actions">
<button type="submit" class="btn btn-brass">Save this record</button>
<span class="form-status" id="adminStatus" role="status"></span>
</div>
</div>
</form>
</details>
</div>
</section>
<!-- Final CTA -->
<section class="section-dark cmp-cta" id="start">
<div class="container">
<h2 class="section-title">Start</h2>
<div class="cmp-lead">
<p>Send your brief and we will forward it to the freelancers who fit it — anonymously, if you prefer. Or write to a freelancer directly from their card.</p>
<p>Browse the freelancers and write to one directly from their card — or email us your brief and we will pass it on by hand until the anonymous request service is switched on.</p>
</div>
<div class="cmp-cta-actions">
<a href="#request" class="btn btn-brass btn-lg">Post a request</a>
<a href="#directory" class="btn btn-outline btn-lg">Browse the freelancers</a>
<a href="#directory" class="btn btn-brass btn-lg">Browse the freelancers</a>
<a href="mailto:hello@odoo4projects.com?subject=Find%20me%20an%20Odoo%20freelancer" class="btn btn-outline btn-lg">Ask us to find one</a>
</div>
</div>
</section>
@@ -939,6 +828,10 @@
/* ============================================================================
Odoo freelancer directory — page script.
This page FILTERS the build-time HTML and posts the freelancer application.
The admin add/edit form is NOT here — it lives on its own page at
/odoo-community-developers/admin/ (a draft, not linked from this page).
ONE webhook, for everything. The freelancer platform is a SEPARATE system
from the CRM: there is no /crm, no /crm_odoo and nothing from the CRM skill
here. If you find yourself reaching for a CRM endpoint, stop — wrong system.
@@ -951,19 +844,8 @@
var ODOO_EXPERTS_WEBHOOK =
"https://n8n.odoo4projects.com/webhook/ODOO4projects/odoo_experts";
/* FORM 3 — client request / anonymous get-quote.
NOT BUILT YET. Deliberately inert: we do not guess a URL. When the workflow
exists, set this to the odoo_experts webhook or a new endpoint the user names
(nothing else), and the form below starts working unchanged. */
var CLIENT_REQUEST_ENDPOINT = "";
/* OPTIONAL-LATER (do not build now): a mail-based "send me their details" gate
against bots — the client asks for a freelancer's contact and we mail it, so a
scraper reading the page gets nothing usable. Left out because the mail webhook
is currently 404 (spec §5). */
var MULTI_FIELDS = ["languages", "specialities"]; // comma-separated → array
var BOOL_FIELDS = ["OCA_member", "is_individual"];
var MULTI_FIELDS = ["languages", "specialities", "odoo_versions"]; // comma-separated → array
var BOOL_FIELDS = ["OCA_member", "is_individual", "email_public_consent"];
var NUM_FIELDS = ["odoo4projects_clients"];
function fieldElements(form, name) {
@@ -1127,76 +1009,8 @@
});
}
/* ---- Form 2: admin upload / edit (update when an id is present) ---- */
function initAdminForm() {
var form = document.getElementById("adminForm");
if (!form) return;
var status = document.getElementById("adminStatus");
form.addEventListener("submit", function (event) {
event.preventDefault();
if (!form.reportValidity()) return;
var submit = form.querySelector('button[type="submit"]');
var hasId = !!form.querySelector('[name="id"]').value.trim();
submit.disabled = true;
setStatus(status, "Saving…", null);
var payload = buildPayload(form, true);
postToWebhook(payload)
.then(function () {
setStatus(
status,
hasId
? "Saved. Check your inbox to confirm the change before it is applied."
: "New record sent. Check your inbox to confirm it before it goes live.",
"ok"
);
})
.catch(function () {
setStatus(status, "That did not save. Please try again.", "err");
})
.then(function () {
submit.disabled = false;
});
});
}
/* ---- Form 3: client request (inert until CLIENT_REQUEST_ENDPOINT exists) ---- */
function initClientRequestForm() {
var form = document.getElementById("clientRequestForm");
if (!form) return;
var status = document.getElementById("clientRequestStatus");
form.addEventListener("submit", function (event) {
event.preventDefault();
if (!form.reportValidity()) return;
if (!CLIENT_REQUEST_ENDPOINT) {
// Not wired yet — say so plainly rather than pretend.
setStatus(
status,
"This request form is not switched on yet. For now, email us at hello@odoo4projects.com and we will pass your brief along.",
"err"
);
return;
}
var payload = buildPayload(form, false);
fetch(CLIENT_REQUEST_ENDPOINT, {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(payload)
})
.then(function () {
setStatus(status, "Sent. We will forward it and come back to you with any answers.", "ok");
form.reset();
})
.catch(function () {
setStatus(status, "That did not send. Please try again.", "err");
});
});
}
initFilters();
initApplyForm();
initAdminForm();
initClientRequestForm();
</script>
</body>
</html>