rajch_ales/MaalFlows
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove contact fields from widget

Browse Source
This commit is contained in:
rajchales-monito
2026-07-23 22:20:08 +02:00
parent 1e9fbc293e
commit 9f4f4aa90a
2 changed files with 2 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+1 -1
View File
@@ -8,7 +8,7 @@ Samostatny live chat widget pro vlozeni pres GTM. Prvni verze je realny live cha
- Multi-company / multi-site / multi-user schema. - Multi-company / multi-site / multi-user schema.
- Admin login pres `.env` hodnoty `USER_1/PASS_1`, rozsiritelne o `USER_2/PASS_2`. - Admin login pres `.env` hodnoty `USER_1/PASS_1`, rozsiritelne o `USER_2/PASS_2`.
- Widget vlozitelny pres GTM, konfigurovatelny pres `PUBLIC_BASE_URL`. - Widget vlozitelny pres GTM, konfigurovatelny pres `PUBLIC_BASE_URL`.
- Zprava zakaznika je povinna, jmeno/email/telefon jsou schovane v rozbalovacim detailu. - Zprava zakaznika je povinna, kontaktni udaje se nesbiraji jako samostatna pole.
- Realtime pres SSE: nove zpravy, nove konverzace, typing indikace. - Realtime pres SSE: nove zpravy, nove konverzace, typing indikace.
- Rucni online/offline prepinac v adminu. - Rucni online/offline prepinac v adminu.
- Stavy konverzace: `new`, `open`, `resolved`, `spam`. - Stavy konverzace: `new`, `open`, `resolved`, `spam`.
public/widget.js
+1 -16
View File
@@ -34,12 +34,6 @@
<div class="mf-messages"></div> <div class="mf-messages"></div>
<div class="mf-typing" hidden>Operator pise...</div> <div class="mf-typing" hidden>Operator pise...</div>
<form class="mf-form"> <form class="mf-form">
<details>
<summary>${escapeHtml(copy.detailsLabel)}</summary>
<input name="name" autocomplete="name" placeholder="Jmeno">
<input name="email" type="email" autocomplete="email" placeholder="Email">
<input name="phone" autocomplete="tel" placeholder="Telefon">
</details>
<textarea name="message" required rows="3" placeholder="${escapeHtml(copy.placeholder)}"></textarea> <textarea name="message" required rows="3" placeholder="${escapeHtml(copy.placeholder)}"></textarea>
<div class="mf-actions"> <div class="mf-actions">
<input name="attachments" type="file" accept="image/*" multiple> <input name="attachments" type="file" accept="image/*" multiple>
@@ -108,11 +102,6 @@
const files = [...form.attachments.files].slice(0, 3); const files = [...form.attachments.files].slice(0, 3);
return { return {
message: fd.get("message") || "", message: fd.get("message") || "",
visitorInfo: {
name: fd.get("name") || "",
email: fd.get("email") || "",
phone: fd.get("phone") || ""
},
attachments: await Promise.all(files.map(fileToPayload)) attachments: await Promise.all(files.map(fileToPayload))
}; };
} }
@@ -154,8 +143,7 @@
intro: pick(settings.intro), intro: pick(settings.intro),
offlineIntro: pick(settings.offlineIntro), offlineIntro: pick(settings.offlineIntro),
placeholder: pick(settings.placeholder), placeholder: pick(settings.placeholder),
sendLabel: pick(settings.sendLabel), sendLabel: pick(settings.sendLabel)
detailsLabel: pick(settings.detailsLabel)
}; };
} }
@@ -194,9 +182,6 @@
.mf-message a { color: inherit; display: inline-block; margin-top: 6px; } .mf-message a { color: inherit; display: inline-block; margin-top: 6px; }
.mf-typing { padding: 0 14px 8px; color: ${c.muted}; font-size: 13px; } .mf-typing { padding: 0 14px 8px; color: ${c.muted}; font-size: 13px; }
.mf-form { border-top: 1px solid #dfe6e2; padding: 12px; display: grid; gap: 9px; } .mf-form { border-top: 1px solid #dfe6e2; padding: 12px; display: grid; gap: 9px; }
details { color: ${c.muted}; font-size: 13px; }
details[open] { display: grid; gap: 8px; }
summary { cursor: pointer; margin-bottom: 8px; }
input, textarea { width: 100%; border: 1px solid #dfe6e2; border-radius: 6px; padding: 9px 10px; color: ${c.text}; background: white; } input, textarea { width: 100%; border: 1px solid #dfe6e2; border-radius: 6px; padding: 9px 10px; color: ${c.text}; background: white; }
textarea { resize: vertical; min-height: 72px; } textarea { resize: vertical; min-height: 72px; }
.mf-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; align-items: center; } .mf-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 9px; align-items: center; }