Allow image-only visitor messages

This commit is contained in:
rajchales-monito
2026-07-23 23:38:33 +02:00
parent a303d10c9e
commit fdfbf5ecc4
3 changed files with 24 additions and 17 deletions
+3 -3
View File
@@ -37,7 +37,7 @@
<div class="mf-typing" hidden>Operator pise...</div>
<form class="mf-form">
<div class="mf-composer">
<textarea name="message" required rows="3" placeholder="${escapeHtml(copy.placeholder)}"></textarea>
<textarea name="message" rows="3" placeholder="${escapeHtml(copy.placeholder)}"></textarea>
<button class="mf-send" type="submit" aria-label="${escapeHtml(copy.sendLabel)}" title="${escapeHtml(copy.sendLabel)}">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M3.7 20.3 21 12 3.7 3.7l2.5 7.1L14 12l-7.8 1.2-2.5 7.1Z"></path>
@@ -121,7 +121,7 @@
form.addEventListener("submit", async (event) => {
event.preventDefault();
const body = await payloadFromForm(form, selectedFiles);
if (!body.message.trim()) return;
if (!body.message.trim() && !body.attachments.length) return;
const submitButton = root.querySelector(".mf-send");
submitButton.disabled = true;
@@ -200,7 +200,7 @@
function addMessage(messages, sender, body, attachments) {
const item = document.createElement("article");
item.className = `mf-message ${sender}`;
item.innerHTML = `<p>${escapeHtml(body)}</p>${attachments.map((a) => `<a class="mf-photo" href="${apiBase}${a.url}" target="_blank" rel="noreferrer"><img src="${apiBase}${a.url}" alt="${escapeHtml(a.name)}"></a>`).join("")}`;
item.innerHTML = `${body ? `<p>${escapeHtml(body)}</p>` : ""}${attachments.map((a) => `<a class="mf-photo" href="${apiBase}${a.url}" target="_blank" rel="noreferrer"><img src="${apiBase}${a.url}" alt="${escapeHtml(a.name)}"></a>`).join("")}`;
messages.append(item);
messages.scrollTop = messages.scrollHeight;
}