[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_108":109,"_110":111},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","umgroupkzcommits","name","uls-radar-reklamy","path","src/dash/assets/radar.ts","project",{"_22":50,"_11":12,"_35":51,"_52":-5,"_53":44,"_54":55,"_56":55,"_57":58,"_59":-5,"_60":61,"_62":63,"_64":34,"_65":-5,"_66":-5,"_67":38,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/umgroupkzcommits/uls-radar-reklamy/code/src/dash/assets/radar.ts","extension","id","2f40696a-4272-48b2-8ae6-9969c18b5c93","radar.ts","fileId","48bbe6f2-ab4c-11f1-a3cd-1607ee4eb77e","parentId","530ba280-ab49-11f1-9ae7-1607ee4eb77e","branchId","bfd39142-8f6a-4087-8abb-f6da5f96742a","branchVersion",35,"latest",true,"createdAt",["D",1788847955114],"version",0,"fileType","script","content","/** Фильтры, сортировка, отрисовщики верхних панелей и таблицы, карточка обращения. */\nexport const ЧАСТЬ_РАДАР: string =\n `// Стадии, на которых сделка закрыта (совпадает с ЗАКРЫТЫЕ_СТАДИИ на сервере,\n// но клиенту известен только признак «закрыта», а не код стадии — победу от\n// проигрыша различить на этих данных нельзя, см. примечание у sc/dc ниже).\nconst CLOSED = (r) => r.закрыта;\n\nconst fm = document.getElementById(\"fm\"), fs = document.getElementById(\"fs\"),\n fg = document.getElementById(\"fg\"), ft = document.getElementById(\"ft\"),\n fq = document.getElementById(\"fq\");\n\n[...new Set(д.строки.map((r) => r.дата.slice(0, 7)))].sort().forEach((m) => fm.add(new Option(m, m)));\n[...new Set(д.строки.map((r) => r.источник))].sort().forEach((s) => fs.add(new Option(s, s)));\n[...new Set(д.строки.map((r) => r.менеджер))].sort().forEach((g) => fg.add(new Option(g, g)));\n\ndocument.getElementById(\"радар-sub\").textContent =\n \\`Воронка ОП ГПМ · источники, отмеченные как рекламные: \\${д.источники.map((s) => s.ключ).join(\", \") || \"—\"} · собрано \\${новаяДата(д.собран)}\\`;\n\nfunction новаяДата(iso) {\n const d = new Date(iso);\n return Number.isNaN(d.getTime()) ? iso : d.toLocaleDateString(\"ru-RU\");\n}\n\nfunction filteredRows() {\n const q = fq.value.trim().toLowerCase();\n return д.строки.filter((r) => {\n if (fm.value && r.дата.slice(0, 7) !== fm.value) return false;\n if (fs.value && r.источник !== fs.value) return false;\n if (fg.value && r.менеджер !== fg.value) return false;\n // «Дошёл до сделки» читает то же поле, что и шапка/воронка на сервере\n // (дошлоДоСделки), а не наличие сделки заново — иначе на CONVERTED-лиде\n // без связанной сделки число в шапке и число строк в таблице расходятся\n // (находка I1 финального ревью).\n if (ft.value === \"deal\" && !r.дошёл) return false;\n if (ft.value === \"nodeal\" && r.дошёл) return false;\n if (ft.value === \"live\" && (!r.сделка || CLOSED(r))) return false;\n if (ft.value === \"lost\" && (!r.сделка || !CLOSED(r))) return false;\n if (\n q &&\n !((r.название + \" \" + r.телефон + \" \" + r.лид + \" \" + (r.сделка || \"\")).toLowerCase().includes(q))\n ) return false;\n return true;\n });\n}\n\n// --- сортировка таблицы «Обращения»: по клику на заголовок «Дата», «Сумма»\n// или «Дней без движения» (Д9). sortKey === null — порядок как пришёл с\n// сервера (по возрастанию ID лида). ---\nlet sortKey = null;\nlet sortDir = 1;\n\nfunction sortedRows(rows) {\n if (!sortKey) return rows;\n const dir = sortDir;\n return [...rows].sort((a, b) => {\n const av = a[sortKey], bv = b[sortKey];\n if (typeof av === \"number\" || typeof bv === \"number\") {\n return dir * ((Number(av) || 0) - (Number(bv) || 0));\n }\n return dir * String(av).localeCompare(String(bv));\n });\n}\n\nfunction headCell(label, key, numeric) {\n const active = sortKey === key;\n const arrow = active ? (sortDir === 1 ? \" ▲\" : \" ▼\") : \"\";\n return \\`\\${esc(label)}\\${arrow}\\`;\n}\n\n// --- верхние панели: то, что посчитал сервер, целиком (Д1–Д10). Фильтры выше\n// на них не влияют — им нужны сырые коды статусов и стадий, которых сервер\n// клиенту не передаёт (см. примечание в шапке файла). ---\nfunction renderTop() {\n document.getElementById(\"kpis\").innerHTML = [\n [\"acc\", д.kpi.обращений, \"обращений с рекламы\"],\n [\n \"\",\n д.kpi.обращений\n ? \\`\\${д.kpi.конвертировано} · \\${Math.round(100 * д.kpi.конвертировано / д.kpi.обращений)}%\\`\n : д.kpi.конвертировано,\n \"дошли до сделки\",\n ],\n [\"\", д.kpi.вРаботе, \"сделок в работе\"],\n [\"acc\", money(д.kpi.пайплайн), \"пайплайн, ₸\"],\n [\"sig\", д.kpi.продано, \"продаж\"],\n [\"\", д.kpi.некачественных, \"закрыты как некачественные\"],\n ].map(([c, v, l]) => \\`

\\${v}\\${esc(l)}

\\`).join(\"\");\n\n const mx = д.воронка.length ? (д.воронка[0].сколько || 1) : 1;\n document.getElementById(\"funnel\").innerHTML = д.воронка.map(({ этап, сколько }) =>\n \\`

\\${esc(этап)}\\${сколько}

\\`\n ).join(\"\");\n\n const mmax = Math.max(1, ...д.когорты.map((к) => к.обращений));\n document.getElementById(\"months\").innerHTML = д.когорты.map((к) =>\n \\`

\\` +\n \\`

\\${esc(к.месяц.slice(5))}

\\`\n ).join(\"\");\n\n document.getElementById(\"tsrc\").innerHTML =\n 'ИсточникЛидовСделокКонв.Пайплайн' +\n д.источники.map((р) =>\n \\`\\${esc(р.ключ)}\\${р.лидов}\\${р.сделокСРекламы}\\${р.конверсия}%\\${\n money(р.пайплайн)\n }\\`\n ).join(\"\");\n\n document.getElementById(\"tmgr\").innerHTML =\n 'МенеджерЛидовСделокКонв.' +\n д.менеджеры.map((р) =>\n \\`\\${esc(р.ключ)}\\${р.лидов}\\${р.сделокСРекламы}\\${р.конверсия}%\\`\n ).join(\"\");\n\n // Стадии сделок, пришедших с рекламы: считаем по всем строкам со сделкой —\n // сервер такой готовый разрез не отдаёт, а название и сумма стадии в строке\n // уже есть, раскодировать ничего не нужно.\n const stg = {};\n for (const r of д.строки) {\n if (!r.сделка) continue;\n const k = r.стадияСделки ?? \"—\";\n (stg[k] = stg[k] || { n: 0, p: 0 });\n stg[k].n++;\n stg[k].p += r.сумма || 0;\n }\n document.getElementById(\"tstg\").innerHTML =\n 'СтадияСделокСумма' +\n Object.entries(stg).sort((a, b) => b[1].n - a[1].n).map(([k, v]) =>\n \\`\\${esc(k)}\\${v.n}\\${money(v.p)}\\`\n ).join(\"\");\n\n // Требует внимания (Д10): контроль качества, посчитанный сервером\n // (д.проблемы), просто не был выведен на экран — данные уже приходили в\n // каждой выдаче страницы (находка I3 финального ревью).\n const lead = (id) =>\n \\`#\\${esc(id)}\\`;\n const deal = (id) =>\n \\`#\\${esc(id)}\\`;\n const МАКС_ПОКАЗ = 8;\n function issueGroup(title, items, render) {\n const хвост = items.length > МАКС_ПОКАЗ\n ? \\` и ещё \\${items.length - МАКС_ПОКАЗ}\\`\n : \"\";\n return \\`

\\${esc(title)}\\${items.length}

\\` +\n (items.length === 0\n ? \\`

пусто

\\`\n : \\`

\\${items.slice(0, МАКС_ПОКАЗ).map(render).join(\", \")}\\${хвост}

\\`) +\n \\`

\\`;\n }\n document.getElementById(\"issues\").innerHTML =\n issueGroup(\n \"Дубли (лид с несколькими сделками)\",\n д.проблемы.дубли,\n (д_) => \\`\\${lead(д_.лид)} → \\${д_.сделки.map(deal).join(\", \")}\\`,\n ) +\n issueGroup(\"Живые сделки без суммы\", д.проблемы.безСуммы, deal) +\n issueGroup(\"Обращения без телефона\", д.проблемы.безТелефона, lead) +\n issueGroup(\"Необработанные обращения\", д.проблемы.неОбработаны, lead);\n}\n\n// --- таблица обращений: единственное, что реагирует на фильтры ---\nfunction renderRows() {\n const R = sortedRows(filteredRows());\n document.getElementById(\"cnt\").textContent = \"— \" + R.length + \" шт.\";\n const show = R.slice(0, 120);\n const head = \"Лид\" + headCell(\"Дата\", \"дата\", false) +\n \"НазваниеИсточникМенеджерСтатус лидаСделкаСтадия сделки\" +\n headCell(\"Сумма\", \"сумма\", true) + headCell(\"Дней без движения\", \"днейБезДвижения\", true) + \"\";\n document.getElementById(\"trows\").innerHTML =\n head +\n show.map((r) => {\n // Клиенту не передан код статуса/стадии (только переведённое название) —\n // «Некачественный» здесь совпадает с системным статусом Bitrix24 JUNK,\n // это единственный случай, где сопоставление по названию надёжно.\n // Для стадии сделки точно так же нельзя отличить «продано» от «провалено»\n // без кода, поэтому закрытая сделка всегда красная, включая гипотетическую\n // победу — сейчас продаж 0, так что расхождения нет.\n const sc = r.сделка ? \"c-ok\" : (r.статусЛида === \"Некачественный\" ? \"c-bad\" : \"c-warn\");\n const dc = !r.сделка ? \"\" : (CLOSED(r) ? \"c-bad\" : \"c-ok\");\n return \\`\\${esc(r.лид)}\\${\n esc(r.дата)\n }\\` +\n \\`\\${esc(r.название)}\\${esc(r.источник)}\\${esc(r.менеджер)}\\` +\n \\`\\${esc(r.статусЛида)}\\` +\n \\`\\${r.сделка ? esc(r.сделка) : \"—\"}\\` +\n \\`\\${r.стадияСделки ? \\`\\${esc(r.стадияСделки)}\\` : \"—\"}\\` +\n \\`\\${r.сумма ? money(r.сумма) : \"—\"}\\` +\n \\`\\${r.днейБезДвижения}\\`;\n }).join(\"\") +\n (R.length > show.length\n ? \\`показаны первые \\${show.length} из \\${R.length} — сузьте фильтры, чтобы увидеть остальные\\`\n : \"\");\n document.querySelectorAll(\".rowlink\").forEach((tr) => {\n tr.onclick = () => openCard(tr.dataset.id);\n });\n document.querySelectorAll(\"#trows th.sortable\").forEach((th) => {\n th.onclick = () => {\n const key = th.dataset.key;\n if (sortKey === key) sortDir = -sortDir;\n else {\n sortKey = key;\n sortDir = 1;\n }\n renderRows();\n };\n });\n}\n\n// --- карточка обращения ---\n\n// Причины отказа: список читается один раз при загрузке. Если REFUSAL_FIELD\n// не задан на сервере, /reasons отвечает ошибкой, и блок причин в карточке не\n// показывается вовсе (Д7).\nlet причины = [];\n// Список нужен только при открытии карточки — экран не должен ждать портал.\nfetch(\"/reasons\").then((r) => (r.ok ? r.json() : [])).then((с) => { причины = с; }).catch(() => {});\n\nfunction findRow(id) {\n return д.строки.find((r) => r.лид === id);\n}\n\nasync function openCard(id) {\n const r = findRow(id);\n if (!r) return;\n\n document.getElementById(\"drawer\").innerHTML =\n \\`\\` +\n \\`

\\${esc(r.название)}

\\` +\n \\`

Обращение с рекламы · \\${esc(r.источник)}

\\` +\n \\`

Лид: #\\${esc(r.лид)} — открыть в CRM ↗
Дата: \\${esc(r.дата)}
Телефон: \\${esc(r.телефон) || \"—\"}
Менеджер: \\${esc(r.менеджер)}
Статус лида: \\${esc(r.статусЛида)}
Сделка: #\\${esc(r.сделка)} — открыть в CRM ↗
Стадия: \\${esc(r.стадияСделки)}
Сумма: \\${\n r.сумма ? money(r.сумма) + \" ₸\" : \"не указана\"\n }
Сделка: не заводилась

\\` +\n \\`

Что происходило

Загрузка ленты…

\\` +\n \\`

Заметка собственника

\\` +\n \\`\\` +\n \\`\\` +\n \\`

Комментарий пишется прямо в таймлайн Битрикса по нажатию — автосохранения нет.

\\` +\n (причины.length > 0\n ? \\`

Причина отказа

\\` +\n \\`\\` +\n \\`\\` +\n \\`

\\`\n : \"\");\n\n document.getElementById(\"drawer\").classList.add(\"on\");\n document.getElementById(\"scrim\").classList.add(\"on\");\n document.getElementById(\"dc\").onclick = closeCard;\n\n // Заметка собственника: запись только по явному нажатию, без автосохранения.\n // Кнопка блокируется на время запроса — иначе двойной клик создаст в\n // карточке клиента два одинаковых комментария.\n const cBtn = document.getElementById(\"cBtn\");\n cBtn.onclick = async () => {\n const текст = document.getElementById(\"cText\").value.trim();\n const cNote = document.getElementById(\"cNote\");\n if (!текст) return;\n cBtn.disabled = true;\n try {\n const res = await fetch(\"/comment\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({ тип: \"lead\", id: r.лид, текст }),\n });\n if (res.ok) {\n document.getElementById(\"cText\").value = \"\";\n cNote.textContent = \"Сохранено в CRM.\";\n cNote.classList.remove(\"err\");\n } else {\n const j = await res.json().catch(() => ({}));\n cNote.textContent = \"Ошибка: \" + (j.error || res.status);\n cNote.classList.add(\"err\");\n }\n } catch {\n cNote.textContent = \"Ошибка сети — комментарий не сохранён.\";\n cNote.classList.add(\"err\");\n } finally {\n cBtn.disabled = false;\n }\n };\n\n // Причина отказа: тот же принцип — только по нажатию, кнопка блокируется.\n const rBtn = document.getElementById(\"rBtn\");\n if (rBtn) {\n rBtn.onclick = async () => {\n const rSelect = document.getElementById(\"rSelect\");\n const rNote = document.getElementById(\"rNote\");\n const значение = rSelect.value;\n if (!значение) return;\n rBtn.disabled = true;\n try {\n const res = await fetch(\"/refusal\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({ лид: r.лид, значение }),\n });\n if (res.ok) {\n rNote.textContent = \"Причина записана в CRM.\";\n rNote.classList.remove(\"err\");\n } else {\n const j = await res.json().catch(() => ({}));\n rNote.textContent = \"Ошибка: \" + (j.error || res.status);\n rNote.classList.add(\"err\");\n }\n } catch {\n rNote.textContent = \"Ошибка сети — причина не записана.\";\n rNote.classList.add(\"err\");\n } finally {\n rBtn.disabled = false;\n }\n };\n }\n\n // Лента событий грузится настоящим запросом к порталу, а не показывает\n // текст-заглушку, как в макете.\n const params = new URLSearchParams();\n if (r.лид) params.set(\"lead\", r.лид);\n if (r.сделка) params.set(\"deal\", r.сделка);\n const tl = document.getElementById(\"tl\");\n try {\n const res = await fetch(\"/card?\" + params.toString());\n const события = res.ok ? await res.json() : [];\n const ev = [{\n когда: r.дата + \" 00:00\",\n что: \\`Лид создан · источник «\\${r.источник}»\\`,\n кто: r.менеджер,\n сиг: true,\n файлы: [],\n }, ...события.map((с) => ({\n когда: с.когда,\n что: с.что,\n кто: с.кто,\n сиг: false,\n файлы: с.файлы,\n }))];\n ev.sort((a, b) => a.когда.localeCompare(b.когда));\n tl.innerHTML = ev.map((e) =>\n \\`

\\${esc(e.когда)}

\\` +\n \\`

\\${esc(e.что)}

\\${e.кто ? \\`

\\${esc(e.кто)}

\\` : \"\"}\\` +\n (e.файлы && e.файлы.length\n ? \\`

\\${\n e.файлы.map((ф) => \\`📎 \\${esc(ф.имя)}\\`)\n .join(\"\")\n }

\\`\n : \"\") + \\`

\\`\n ).join(\"\");\n } catch {\n tl.innerHTML = \\`

Не удалось загрузить ленту событий.

\\`;\n }\n}\n\nfunction closeCard() {\n document.getElementById(\"drawer\").classList.remove(\"on\");\n document.getElementById(\"scrim\").classList.remove(\"on\");\n}\ndocument.getElementById(\"scrim\").onclick = closeCard;\ndocument.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Escape\") closeCard();\n});\n\n[fm, fs, fg, ft].forEach((el) => el.onchange = renderRows);\nfq.oninput = renderRows;\ndocument.getElementById(\"reset\").onclick = () => {\n fm.value = fs.value = fg.value = ft.value = \"\";\n fq.value = \"\";\n renderRows();\n};\n`;\n","deleted",false,"label",[47,48,49,24],"src","dash","assets","0d66920f-8240-4395-a231-63f86e6c3888",["D",1788790280130],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Радар рекламных лидов ULS: живая страница из Битрикс24","imageUrl","userId","ce244983-5dfc-4662-ad1a-ca34d2e798a0","pinnedFileId","426b02f0-aac6-11f1-9f81-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019fa853-4d22-71bf-b5fe-af55df9678e6","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_107":103},"org",{"_9":10,"_100":101,"_102":103,"_60":61,"_104":105,"_106":44},"branch",{"_37":90,"_11":91,"_22":30,"_92":50,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":12,"_99":10},"isOwned",54,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","umgroupkz-commits","avatar","https://avatars.githubusercontent.com/u/279207781?v=4","tier","free","canRestrictVals","profileImageUrl","ctx",{"_83":-5,"_141":142,"_143":144,"_145":146,"_147":44,"_148":44,"_149":44,"_150":34,"_151":-5,"_152":-7,"_153":-7,"_154":38,"_155":44,"_156":44,"_157":-5,"_158":44,"_159":44,"_160":44,"_161":-5},"ENV",{"_112":113,"_114":115,"_116":91,"_117":118,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":140},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]