digiops/call-center
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Polish operator messenger layout

Browse Source
This commit is contained in:
Yera All
2026-04-17 00:14:41 +05:00
parent aa6f838061
commit 8ca5f23e93
3 changed files with 36 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/test_gateway_ui.py
+10 -3
View File
@@ -240,6 +240,7 @@ def test_operator_ui_contains_telegram_workspace_page():
def test_operator_ui_contains_unified_messenger_mvp():
app_js = (Path(__file__).resolve().parents[1] / "ui" / "operator" / "app.js").read_text(encoding="utf-8")
index_html = (Path(__file__).resolve().parents[1] / "ui" / "operator" / "index.html").read_text(encoding="utf-8")
styles_css = (Path(__file__).resolve().parents[1] / "ui" / "operator" / "styles.css").read_text(encoding="utf-8")
assert 'data-operator-view-link="messages"' in index_html
assert 'href="#messages"' in index_html
assert 'id="messagesView"' in index_html
@@ -266,6 +267,11 @@ def test_operator_ui_contains_unified_messenger_mvp():
assert "integrations/telegram/threads/${encodeURIComponent(conversation.thread_id)}/close" in app_js
assert "setInterval(() => {" in app_js
assert "}, 5000);" in app_js
assert "[hidden] {" in styles_css
assert "display: none !important;" in styles_css
assert ".telegram-composer-shell textarea {" in styles_css
assert ".messenger-composer-shell textarea {" in styles_css
assert "align-content: start;" in styles_css
def test_operator_ui_contains_live_call_control_block():
@@ -388,14 +394,15 @@ def test_operator_ui_surfaces_voice_name_state_across_call_views():
assert ".micro-badge.name-confirmed {" in styles_css
assert ".micro-badge.name-followup {" in styles_css
assert ".micro-badge.name-missing {" in styles_css
assert "/operator/assets/styles.css?v=track24-messenger-mvp1" in index_html
assert "/operator/assets/app.js?v=track43-messenger-mvp1" in index_html
assert "/operator/assets/styles.css?v=track25-messenger-polish1" in index_html
assert "/operator/assets/app.js?v=track44-messenger-polish1" in index_html
def test_operator_ui_hides_whatsapp_behind_feature_flag():
app_js = (Path(__file__).resolve().parents[1] / "ui" / "operator" / "app.js").read_text(encoding="utf-8")
index_html = (Path(__file__).resolve().parents[1] / "ui" / "operator" / "index.html").read_text(encoding="utf-8")
assert 'data-operator-view-link="whatsapp" data-feature="whatsapp"' in index_html
assert 'data-debug-channel="whatsapp"' in index_html
assert 'data-operator-view-link="whatsapp"' not in index_html
assert 'data-feature-option="whatsapp"' in index_html
assert 'data-operator-view="whatsapp" data-feature="whatsapp" hidden' in index_html
assert "function loadOperatorConfig()" in app_js
ui/operator/index.html
+3 -3
View File
@@ -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=track24-messenger-mvp1" />
<link rel="stylesheet" href="/operator/assets/styles.css?v=track25-messenger-polish1" />
</head>
<body>
<div class="app-shell">
@@ -34,7 +34,7 @@
<a class="nav-link" data-operator-view-link="messages" href="#messages"><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-debug-channel="telegram" href="#telegram-page" hidden><span class="nav-bullet"></span>Telegram</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-debug-channel="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>
@@ -756,6 +756,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=track43-messenger-mvp1"></script>
<script src="/operator/assets/app.js?v=track44-messenger-polish1"></script>
</body>
</html>
ui/operator/styles.css
+23 -1
View File
@@ -27,6 +27,10 @@
box-sizing: border-box;
}
[hidden] {
display: none !important;
}
html,
body {
margin: 0;
@@ -1688,6 +1692,7 @@ textarea::placeholder {
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.18)),
repeating-linear-gradient(45deg, rgba(51, 102, 232, 0.04) 0 10px, transparent 10px 20px);
align-content: start;
}
.messenger-composer-wrap {
@@ -1697,11 +1702,27 @@ textarea::placeholder {
.messenger-composer-shell {
grid-template-columns: minmax(0, 1fr) 48px;
max-width: none;
align-items: center;
background: #fff;
border: 1px solid #dce5f0;
box-shadow: 0 12px 30px rgba(16, 33, 61, 0.08);
}
.messenger-composer-shell textarea {
min-height: 42px;
max-height: 112px;
height: 42px;
padding: 10px 8px;
border: 0;
background: transparent;
resize: none;
outline: none;
font-size: 15px;
line-height: 1.45;
overflow-y: auto;
}
.messenger-composer-shell textarea:disabled {
background: #f6f8fb;
color: #94a3b8;
@@ -2380,6 +2401,7 @@ textarea::placeholder {
padding: 16px;
display: grid;
gap: 8px;
align-content: start;
}
.telegram-message {
@@ -2528,7 +2550,7 @@ textarea::placeholder {
opacity: 1;
}
.telegram-composer textarea {
.telegram-composer-shell textarea {
min-height: 48px;
max-height: 128px;
height: 48px;