wasrusgen/zashita-brandbook
1
0
Fork 0
mirror of https://github.com/wasrusgen/zashita-brandbook.git synced 2026-06-03 15:04:49 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 3 cards, hide el-step1 on card click, question in chatwrap

Browse Source
This commit is contained in:
WASRUSGEN 2026-05-29 19:12:50 +03:00
parent 1981c1015e
commit 1182c56f2f
1 changed files with 28 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
mockup.html
View File

@ -1292,12 +1292,12 @@ body{font-family:var(--font-ui);background:var(--surf);color:var(--ink);line-hei
<div class="elena-quick elena-anim" style="--d:1.95s"> <div class="elena-quick elena-anim" style="--d:1.95s">
<div class="elena-q-lbl">или выберите быстро:</div> <div class="elena-q-lbl">или выберите быстро:</div>
<div class="intent-grid"> <div class="intent-grid">
<div class="int-card" onclick="elenaIntent('check')"><div class="int-ico">📄</div><div class="int-body"><div class="int-lbl">Проверить договор</div><div class="int-sub">Найду риски и объясню каждый пункт простым языком</div></div></div> <div class="int-card" onclick="elenaIntentGo('check')"><div class="int-ico">📄</div><div class="int-body"><div class="int-lbl">Проверить договор</div><div class="int-sub">Найду риски и объясню каждый пункт простым языком</div></div></div>
<div class="int-card" onclick="elenaIntent('create')"><div class="int-ico">✍️</div><div class="int-body"><div class="int-lbl">Составить документ</div><div class="int-sub">Договор, доверенность, претензию — под ваши параметры</div></div></div> <div class="int-card" onclick="elenaIntentGo('create')"><div class="int-ico">✍️</div><div class="int-body"><div class="int-lbl">Составить документ</div><div class="int-sub">Договор, доверенность, претензию — под ваши параметры</div></div></div>
<div class="int-card" onclick="elenaIntent('dispute')"><div class="int-ico">📋</div><div class="int-body"><div class="int-lbl">Убрать невыгодные пункты</div><div class="int-sub">Подготовлю протокол разногласий — загрузите договор</div></div></div> <div class="int-card" onclick="elenaIntentGo('question')"><div class="int-ico">💬</div><div class="int-body"><div class="int-lbl">Задать вопрос</div><div class="int-sub">Отвечу без загрузки документа — спросите текстом или голосом</div></div></div>
<div class="int-card" onclick="elenaIntent('question')"><div class="int-ico">💬</div><div class="int-body"><div class="int-lbl">Есть вопрос</div><div class="int-sub">Отвечу без загрузки документа — спросите текстом или голосом</div></div></div> </div>
<div class="int-card" onclick="elenaIntent('power')"><div class="int-ico">📑</div><div class="int-body"><div class="int-lbl">Нужна доверенность</div><div class="int-sub">Скажите кому и какие полномочия — составлю за несколько секунд</div></div></div> <div style="margin-top:8px;text-align:center">
<div class="int-card" onclick="elenaIntent('cabinet')"><div class="int-ico">🗂️</div><div class="int-body"><div class="int-lbl">Я уже клиент</div><div class="int-sub">Войти в кабинет и посмотреть мои дела</div></div></div> <button class="svc-btn-detail" style="font-size:12px" onclick="go('cabinet')">🗂️ Я уже клиент — войти в кабинет</button>
</div> </div>
</div> </div>
</div> </div>
@ -4027,6 +4027,16 @@ window.addEventListener('DOMContentLoaded', checkReturning);
})(); })();
/* ── ELENA INTAKE v2 ── */ /* ── ELENA INTAKE v2 ── */
// elenaIntentGo — вызывается с карточек: скрывает el-step1, продолжает в chatwrap
function elenaIntentGo(intent) {
// Скрываем весь el-step1 (приветствие + карточки)
var step1 = document.getElementById('el-step1');
if (step1) step1.style.display = 'none';
// Продолжаем разговор в chatwrap
elenaIntent(intent);
}
function elenaIntentFromInput() { function elenaIntentFromInput() {
var txt = (document.getElementById('intake-custom').value || '').trim(); var txt = (document.getElementById('intake-custom').value || '').trim();
if (!txt) { document.getElementById('intake-custom').focus(); return; } if (!txt) { document.getElementById('intake-custom').focus(); return; }
@ -4046,16 +4056,20 @@ function elenaIntent(intent) {
// cabinet — сразу в кабинет // cabinet — сразу в кабинет
if (intent === 'cabinet') { go('cabinet'); return; } if (intent === 'cabinet') { go('cabinet'); return; }
// question — показываем текстовое поле без загрузки // question — скрываем el-step1, показываем поле ввода в chatwrap
if (intent === 'question') { if (intent === 'question') {
var step1El = document.getElementById('el-step1'); var step1El = document.getElementById('el-step1');
document.querySelectorAll('#el-step1 .int-card').forEach(function(c){ c.style.opacity='.45'; c.style.pointerEvents='none'; }); if (step1El) step1El.style.display = 'none';
var qBox = document.createElement('div'); var wrap = document.querySelector('.chatwrap');
qBox.className = 'msg'; if (wrap) {
qBox.innerHTML = '<div class="av"><img src="logos/elena-photo.jpg"></div><div class="bubble"><div class="nm">Елена</div>Конечно — спрашивайте 💛 Опишите ситуацию, я отвечу по нормам ГК/ТК/ЗоЗПП. Или включите микрофон 🎙</div>'; var qBox = document.createElement('div');
// Если el-step1 скрыт (трансфер из mini-chat) — добавляем в chatwrap qBox.className = 'msg';
var target = (step1El && step1El.style.display !== 'none') ? step1El : (document.querySelector('.chatwrap') || step1El); qBox.innerHTML = '<div class="av"><img src="logos/elena-photo.jpg"></div>' +
if (target) target.appendChild(qBox); '<div class="bubble"><div class="nm">Елена</div>' +
'Спрашивайте — отвечу по нормам ГК/ТК/ЗоЗПП. Или включите микрофон 🎙</div>';
wrap.appendChild(qBox);
}
_elenaShowInput();
return; return;
} }