Improve operator CRM flows and UI
This commit is contained in:
Yera All
+24
-12
@@ -8,7 +8,7 @@
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600&display=swap" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="/operator/assets/styles.css?v=track17-whatsapp-live1" />
|
||||
<link rel="stylesheet" href="/operator/assets/styles.css?v=track19-unified-inbox1" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="app-shell">
|
||||
@@ -33,8 +33,8 @@
|
||||
<a class="nav-link active" data-operator-view-link="workspace" href="#workspace"><span class="nav-bullet"></span>Рабочий стол</a>
|
||||
<a class="nav-link" data-operator-view-link="customers" href="#customers-page"><span class="nav-bullet"></span>Клиенты</a>
|
||||
<a class="nav-link" data-operator-view-link="telegram" href="#telegram-page"><span class="nav-bullet"></span>Telegram</a>
|
||||
<a class="nav-link" data-operator-view-link="whatsapp" href="#whatsapp-page"><span class="nav-bullet"></span>WhatsApp</a>
|
||||
<a class="nav-link" data-operator-view-link="voice-debug" data-roles="admin,operator" href="#voice-debug"><span class="nav-bullet"></span>Голосовая диагностика</a>
|
||||
<a class="nav-link" data-operator-view-link="whatsapp" data-feature="whatsapp" href="#whatsapp-page" hidden><span class="nav-bullet"></span>WhatsApp</a>
|
||||
<a class="nav-link" data-operator-view-link="calls" data-roles="admin,operator" href="#calls"><span class="nav-bullet"></span>Звонки</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@@ -137,13 +137,25 @@
|
||||
</section>
|
||||
|
||||
<section class="grid">
|
||||
<article class="panel reveal panel-span-full unified-inbox-panel" id="unifiedInbox">
|
||||
<div class="unified-inbox-head">
|
||||
<div>
|
||||
<h2>Единая очередь</h2>
|
||||
<p class="hint">Новые задачи, мои диалоги, AI handoff, эскалации и живые звонки в одном месте.</p>
|
||||
</div>
|
||||
<button id="refreshUnifiedInboxBtn" class="btn ghost" type="button">Обновить очередь</button>
|
||||
</div>
|
||||
<div id="unifiedInboxSummary" class="summary-grid"></div>
|
||||
<div id="unifiedInboxBoard" class="unified-inbox-scroll"></div>
|
||||
</article>
|
||||
|
||||
<article class="panel reveal panel-span-full" id="interactions">
|
||||
<h2>Обращения</h2>
|
||||
<div class="inline-form">
|
||||
<select id="interactionChannel">
|
||||
<option value="voice">Голос</option>
|
||||
<option value="telegram">Telegram</option>
|
||||
<option value="whatsapp">WhatsApp</option>
|
||||
<option value="whatsapp" data-feature-option="whatsapp" hidden disabled>WhatsApp</option>
|
||||
<option value="webchat">Веб-чат</option>
|
||||
<option value="email">Электронная почта</option>
|
||||
</select>
|
||||
@@ -362,7 +374,7 @@
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section id="whatsappView" class="operator-view hidden" data-operator-view="whatsapp">
|
||||
<section id="whatsappView" class="operator-view hidden" data-operator-view="whatsapp" data-feature="whatsapp" hidden>
|
||||
<article class="panel reveal panel-span-full whatsapp-panel" id="whatsappWorkspace">
|
||||
<div class="whatsapp-shell">
|
||||
<aside class="whatsapp-nav-rail" aria-label="WhatsApp navigation">
|
||||
@@ -535,15 +547,15 @@
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section id="voiceDebugView" class="operator-view hidden" data-operator-view="voice-debug">
|
||||
<section id="callsView" class="operator-view hidden" data-operator-view="calls">
|
||||
<section class="page-hero reveal customers-page-hero">
|
||||
<h1>Голосовая диагностика</h1>
|
||||
<p class="hint">Технический экран живых и недавних звонков с трассировкой действий. Основной операторский сценарий остаётся во всплывающем окне звонка.</p>
|
||||
<h1>Звонки</h1>
|
||||
<p class="hint">Живые и недавние звонки, AI-handoff и журнал действий в одном месте. Основной take over остаётся во всплывающем окне браузерного телефона.</p>
|
||||
</section>
|
||||
|
||||
<article class="panel reveal panel-span-full technical-panel" id="liveCalls">
|
||||
<h2>Голосовой мониторинг</h2>
|
||||
<p class="hint">Этот экран нужен только для диагностики. Для обработки звонка оператор использует всплывающее окно звонка в браузере.</p>
|
||||
<h2>Мониторинг звонков</h2>
|
||||
<p class="hint">Здесь видны текущий статус, недавние вызовы и трассировка действий. Ответ, перевод и завершение звонка остаются во всплывающем окне.</p>
|
||||
<div class="inline-form compact">
|
||||
<button id="loadLiveCallsBtn" class="btn ghost">Обновить звонки</button>
|
||||
<button id="loadLiveCallActionsBtn" class="btn ghost">Действия по звонку</button>
|
||||
@@ -551,7 +563,7 @@
|
||||
<div class="inline-form compact live-call-inspector">
|
||||
<select id="liveCallIdSelect"></select>
|
||||
</div>
|
||||
<p class="hint">Здесь остаётся технический слой живых и недавних звонков, а управление перенесено во всплывающее окно.</p>
|
||||
<p class="hint">Здесь остаются живые и недавние звонки, а оперативные действия по ним вынесены во всплывающее окно.</p>
|
||||
<p class="hint" id="liveCallStatusHint">Пока нет активных звонков.</p>
|
||||
<div id="liveCallsTable" class="table"></div>
|
||||
<details class="details-block">
|
||||
@@ -603,6 +615,6 @@
|
||||
|
||||
<script src="/operator/assets/access-guards.js?v=track16-voice-transcript1"></script>
|
||||
<script src="/operator/assets/sip-0.21.2.min.js?v=track16-voice-transcript1"></script>
|
||||
<script src="/operator/assets/app.js?v=track36-operator-ru-polish"></script>
|
||||
<script src="/operator/assets/app.js?v=track38-unified-inbox1"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user