83 أسطر
2.5 KiB
JavaScript
83 أسطر
2.5 KiB
JavaScript
(function () {
|
|
const form = document.getElementById('contactForm');
|
|
if (!form) return;
|
|
|
|
const submitButton = form.querySelector('button[type="submit"]');
|
|
const defaultSubmitLabel = submitButton ? submitButton.textContent : 'Send';
|
|
const fallbackApi = 'https://tabeleymvp2-8b111c91640a.hosted.ghaymah.systems/api';
|
|
const configuredBase = window.TABELEY_API_BASE_URL;
|
|
const originBase = `${window.location.origin}/api`;
|
|
|
|
const candidates = [configuredBase, originBase, fallbackApi]
|
|
.filter(Boolean)
|
|
.map((url) => String(url).replace(/\/+$/, ''))
|
|
.filter((url, idx, arr) => arr.indexOf(url) === idx);
|
|
|
|
function getFieldValue(selector) {
|
|
const field = form.querySelector(selector);
|
|
return field ? field.value.trim() : '';
|
|
}
|
|
|
|
async function postFeedback(baseUrl, payload) {
|
|
return fetch(`${baseUrl}/public/feedback`, {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
Accept: 'application/json'
|
|
},
|
|
body: JSON.stringify(payload)
|
|
});
|
|
}
|
|
|
|
form.addEventListener('submit', async function (e) {
|
|
e.preventDefault();
|
|
|
|
const name = getFieldValue('input[type="text"]');
|
|
const email = getFieldValue('input[type="email"]');
|
|
const message = getFieldValue('textarea');
|
|
|
|
if (message.length < 5) {
|
|
alert('Please enter at least 5 characters.');
|
|
return;
|
|
}
|
|
|
|
if (submitButton) {
|
|
submitButton.disabled = true;
|
|
submitButton.textContent = 'Sending...';
|
|
}
|
|
|
|
const payload = { message, name, email };
|
|
let sent = false;
|
|
let lastError = null;
|
|
|
|
for (const base of candidates) {
|
|
try {
|
|
const response = await postFeedback(base, payload);
|
|
if (response.ok) {
|
|
sent = true;
|
|
break;
|
|
}
|
|
|
|
const body = await response.text();
|
|
lastError = body || `HTTP ${response.status}`;
|
|
} catch (err) {
|
|
lastError = err;
|
|
}
|
|
}
|
|
|
|
if (submitButton) {
|
|
submitButton.disabled = false;
|
|
submitButton.textContent = defaultSubmitLabel;
|
|
}
|
|
|
|
if (sent) {
|
|
form.reset();
|
|
alert('Feedback sent successfully.');
|
|
return;
|
|
}
|
|
|
|
console.error('Feedback send failed:', lastError);
|
|
alert('Unable to send feedback now. Please try again later.');
|
|
});
|
|
})();
|