Добавили счётчик подписчиков в каналах и подписки пользователя

shine-UI/js/pages/chat-view.js

@@ -1,6 +1,7 @@
 import { renderHeader } from '../components/header.js';
 import { renderUserAvatar } from '../components/avatar-image.js';
 import { createOverflowDots } from '../components/overflow-dots.js';
+import { createShineConnectionsLogo } from '../components/shine-logo.js';
 import { directMessages } from '../mock-data.js';
 import {
   addAppLogEntry,
@@ -30,11 +31,12 @@ import { isTextToSpeechConfigured, speakTextBySettings } from '../services/speec
 import { showToast } from '../services/channels-ux.js';
 import { buildDmReplyTechBlock, parseDmTechBlocks, sanitizeUserDmTextForSend } from '../services/dm-tech-blocks.js';
 import { loadProfileSnapshot } from '../services/user-profile-params.js';
+import { makeProfileLinksRoute, makeProfileRoute } from '../services/shine-routes.js';
 
 export const pageMeta = { id: 'chat-view', title: 'Чат' };
 const CONVERSATION_CLEAR_NOTICE_TEXT = 'История переписки очищена с этого места';
 
-function createChatHeaderParts(login) {
+function createChatHeaderParts(login, navigate) {
   const cleanLogin = String(login || '').trim() || 'unknown';
 
   const avatarSlot = document.createElement('span');
@@ -47,6 +49,13 @@ function createChatHeaderParts(login) {
   });
   avatarSlot.append(initialAvatar);
 
+  const avatarButton = document.createElement('button');
+  avatarButton.type = 'button';
+  avatarButton.className = 'chat-header-avatar-btn';
+  avatarButton.title = `Профиль ${cleanLogin}`;
+  avatarButton.setAttribute('aria-label', `Открыть профиль ${cleanLogin}`);
+  avatarButton.append(avatarSlot);
+
   const loginEl = document.createElement('span');
   loginEl.className = 'chat-header-login';
   loginEl.setAttribute('role', 'heading');
@@ -75,7 +84,23 @@ function createChatHeaderParts(login) {
     })
     .catch(() => {});
 
-  return { centerNode: loginEl, avatarSlot };
+  const connectionsButton = document.createElement('button');
+  connectionsButton.type = 'button';
+  connectionsButton.className = 'icon-btn chat-header-icon-btn chat-header-connections-btn';
+  connectionsButton.title = `Связи ${cleanLogin}`;
+  connectionsButton.setAttribute('aria-label', `Открыть связи ${cleanLogin}`);
+  connectionsButton.append(createShineConnectionsLogo({ className: 'chat-header-connections-logo' }));
+  connectionsButton.addEventListener('click', () => {
+    if (!cleanLogin || cleanLogin === 'unknown') return;
+    navigate(makeProfileLinksRoute(cleanLogin));
+  });
+
+  avatarButton.addEventListener('click', () => {
+    if (!cleanLogin || cleanLogin === 'unknown') return;
+    navigate(makeProfileRoute(cleanLogin));
+  });
+
+  return { centerNode: loginEl, avatarButton, connectionsButton };
 }
 
 function truncatePreviewText(value, maxLen = 72) {
@@ -293,7 +318,6 @@ function openChatActionsMenu({
   anchorY = 0,
   onCall,
   onVideoCall,
-  onInstantVideoCall,
   onClearHistory,
   onDeleteChat,
 }) {
@@ -305,8 +329,7 @@ function openChatActionsMenu({
     <div class="dm-floating-menu-layer" id="chat-header-actions-layer">
       <div class="modal-card stack dm-message-actions-menu dm-message-actions-popover" id="${menuId}">
         <button class="secondary-btn dm-message-action-btn" type="button" id="chat-menu-call">Звонок</button>
-        <button class="secondary-btn dm-message-action-btn" type="button" id="chat-menu-video-call">Звонок с поддержкой видео</button>
-        <button class="secondary-btn dm-message-action-btn" type="button" id="chat-menu-instant-video-call">Видеозвонок</button>
+        <button class="secondary-btn dm-message-action-btn" type="button" id="chat-menu-video-call">Видеозвонок</button>
         <button class="secondary-btn dm-message-action-btn" type="button" id="chat-menu-clear-history">Очистить историю</button>
         <button class="secondary-btn dm-message-action-btn dm-message-action-btn--danger" type="button" id="chat-menu-delete-chat">Удалить чат</button>
       </div>
@@ -358,10 +381,6 @@ function openChatActionsMenu({
     close();
     if (typeof onVideoCall === 'function') await onVideoCall();
   });
-  root.querySelector('#chat-menu-instant-video-call')?.addEventListener('click', async () => {
-    close();
-    if (typeof onInstantVideoCall === 'function') await onInstantVideoCall();
-  });
   root.querySelector('#chat-menu-clear-history')?.addEventListener('click', async () => {
     close();
     if (typeof onClearHistory === 'function') await onClearHistory();
@@ -993,7 +1012,7 @@ export function render({ navigate, route, chrome }) {
   const log = document.createElement('div');
   log.className = 'messages-log dm-messages-log';
 
-  const chatHeaderParts = createChatHeaderParts(chatId);
+  const chatHeaderParts = createChatHeaderParts(chatId, navigate);
   const chatHeader = renderHeader({
       centerNode: chatHeaderParts.centerNode,
       leftAction: { label: '←', onClick: () => navigate('messages-list') },
@@ -1016,7 +1035,6 @@ export function render({ navigate, route, chrome }) {
               anchorY: Number(event?.currentTarget?.getBoundingClientRect?.().bottom || event?.clientY || 0),
               onCall: () => handleStartCall('audio'),
               onVideoCall: () => handleStartCall('video'),
-              onInstantVideoCall: () => handleStartCall('instant_video'),
               onClearHistory: async () => {
                 openChatConfirmModal({
                   title: 'Очистить историю?',
@@ -1064,7 +1082,8 @@ export function render({ navigate, route, chrome }) {
         },
       ],
     });
-  chatHeader.querySelector('.header-left')?.append(chatHeaderParts.avatarSlot);
+  const chatHeaderLeft = chatHeader.querySelector('.header-left');
+  chatHeaderLeft?.append(chatHeaderParts.connectionsButton, chatHeaderParts.avatarButton);
   chrome?.setTopbar(chatHeader);
 
   if (!isKnownContact) {