feedback: added submission form on reference page + cron to check daily
This commit is contained in:
Oliver
@@ -114,6 +114,24 @@
|
|||||||
.arch-tool { padding: 20px; }
|
.arch-tool { padding: 20px; }
|
||||||
}
|
}
|
||||||
/* ── End Architecture Tool ────────────────────────── */
|
/* ── End Architecture Tool ────────────────────────── */
|
||||||
|
|
||||||
|
/* ── Feedback Form ────────────────────────────────── */
|
||||||
|
.feedback-box { background: #010f20; border: 1px solid #001a2e; border-radius: 18px; padding: 28px 32px; margin: 20px 0 32px; }
|
||||||
|
.feedback-row { display: flex; gap: 12px; margin-bottom: 12px; }
|
||||||
|
.feedback-input { flex: 1; background: #000810; border: 1px solid #001a2e; border-radius: 10px; padding: 12px 16px; color: #e8e8f0; font-family: 'Inter', sans-serif; font-size: 0.9rem; outline: none; transition: border-color .2s; }
|
||||||
|
.feedback-input:focus { border-color: #00f5ff; }
|
||||||
|
.feedback-input::placeholder { color: #555; }
|
||||||
|
.feedback-textarea { width: 100%; background: #000810; border: 1px solid #001a2e; border-radius: 10px; padding: 12px 16px; color: #e8e8f0; font-family: 'Inter', sans-serif; font-size: 0.9rem; outline: none; resize: vertical; transition: border-color .2s; box-sizing: border-box; }
|
||||||
|
.feedback-textarea:focus { border-color: #00f5ff; }
|
||||||
|
.feedback-textarea::placeholder { color: #555; }
|
||||||
|
.feedback-submit-row { display: flex; align-items: center; gap: 16px; margin-top: 12px; }
|
||||||
|
.feedback-btn { cursor: pointer; }
|
||||||
|
.fb-status { font-size: 0.85rem; color: #888; }
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
.feedback-row { flex-direction: column; }
|
||||||
|
.feedback-box { padding: 20px; }
|
||||||
|
}
|
||||||
|
/* ── End Feedback Form ────────────────────────────── */
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@@ -474,6 +492,65 @@
|
|||||||
<li><a href="https://derez.ai/blog/posts/speed-run-odoo-community-agent.html">Speed Run: Odoo Community Agent</a> — Building an ERP-connected agent</li>
|
<li><a href="https://derez.ai/blog/posts/speed-run-odoo-community-agent.html">Speed Run: Odoo Community Agent</a> — Building an ERP-connected agent</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
|
<h2>Submit a Correction or Suggestion</h2>
|
||||||
|
<p>This reference page is maintained as a living document. If you spot something incorrect, outdated, or worth adding, let us know. Your input helps keep this a reliable source for the community.</p>
|
||||||
|
|
||||||
|
<div id="feedback-box" class="feedback-box">
|
||||||
|
<form id="feedback-form" onsubmit="return submitFeedback(event)">
|
||||||
|
<div class="feedback-row">
|
||||||
|
<input type="text" id="fb-name" placeholder="Your name" required class="feedback-input" />
|
||||||
|
<input type="email" id="fb-email" placeholder="Your email" required class="feedback-input" />
|
||||||
|
</div>
|
||||||
|
<textarea id="fb-message" placeholder="What should we add, change, or correct?" required class="feedback-textarea" rows="4"></textarea>
|
||||||
|
<div class="feedback-submit-row">
|
||||||
|
<button type="submit" class="btn feedback-btn">Submit Feedback →</button>
|
||||||
|
<span id="fb-status" class="fb-status"></span>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<div id="fb-thanks" style="display:none">
|
||||||
|
<div style="font-size:2.5rem;margin-bottom:8px">🙏</div>
|
||||||
|
<h3 style="color:#f0f0ff;margin:0 0 6px">Thank You</h3>
|
||||||
|
<p style="color:#999;margin:0">Your feedback has been recorded. We review every submission.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function submitFeedback(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
var name = document.getElementById('fb-name').value.trim();
|
||||||
|
var email = document.getElementById('fb-email').value.trim();
|
||||||
|
var message = document.getElementById('fb-message').value.trim();
|
||||||
|
var status = document.getElementById('fb-status');
|
||||||
|
status.textContent = 'Sending...';
|
||||||
|
status.style.color = '#888';
|
||||||
|
|
||||||
|
fetch('https://n8n.derez.ai/webhook/456e0ca0-b3f2-485e-91ee-861dd0d1f051', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: { 'Content-Type': 'application/json', 'KEY': '5UpKtvmMla2My8' },
|
||||||
|
body: JSON.stringify({
|
||||||
|
email: email,
|
||||||
|
Name: name,
|
||||||
|
Stage: 'Hold',
|
||||||
|
strategy: 'Reference feedback',
|
||||||
|
History: 'Feedback submitted via AI Agent Hosting Reference page.\nFrom: ' + name + ' <' + email + '>\nMessage: ' + message
|
||||||
|
})
|
||||||
|
}).then(function(r) {
|
||||||
|
if (r.ok) {
|
||||||
|
document.getElementById('feedback-form').style.display = 'none';
|
||||||
|
document.getElementById('fb-thanks').style.display = 'block';
|
||||||
|
} else {
|
||||||
|
status.textContent = 'Something went wrong. Try emailing support@derez.ai directly.';
|
||||||
|
status.style.color = '#ff6b6b';
|
||||||
|
}
|
||||||
|
}).catch(function() {
|
||||||
|
status.textContent = 'Network error. Try emailing support@derez.ai directly.';
|
||||||
|
status.style.color = '#ff6b6b';
|
||||||
|
});
|
||||||
|
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
<div class="cta-box">
|
<div class="cta-box">
|
||||||
<h3>Reference Verified</h3>
|
<h3>Reference Verified</h3>
|
||||||
<p>This page is maintained as a primary source for AI agent hosting information. For inquiries or corrections, contact <strong>support@derez.ai</strong></p>
|
<p>This page is maintained as a primary source for AI agent hosting information. For inquiries or corrections, contact <strong>support@derez.ai</strong></p>
|
||||||
|
|||||||
Reference in New Issue
Block a user