Добавить рейтинг и типы материалов в каналах

shine-UI/js/pages/channel-thread-view.js

@@ -24,6 +24,11 @@ import { loadProfileSnapshot } from '../services/user-profile-params.js';
 import { extractLoginFromBlockchainName, makeProfileRoute, makeShineChannelRoute, makeShineMessageRoute } from '../services/shine-routes.js';
 
 export const pageMeta = { id: 'channel-thread-view', title: 'Тред' };
+const MSG_SUBTYPE_TEXT_RATING = 30;
+const MSG_SUBTYPE_TEXT_ENTRYPOINT = 100;
+const MSG_SUBTYPE_TEXT_EXERCISE = 110;
+const MSG_SUBTYPE_TEXT_SERVICE = 120;
+const MSG_SUBTYPE_TEXT_COURSE = 130;
 
 const pendingReactionActions = new Set();
 const pendingThreadScroll = new Map();
@@ -227,6 +232,21 @@ function resolveChannelHeadingFromNode(node) {
   return `Сообщение в канале ${channelName}`;
 }
 
+function getChannelMessageTypeMeta(msgSubType) {
+  switch (Number(msgSubType || 0)) {
+    case MSG_SUBTYPE_TEXT_EXERCISE:
+      return { label: 'Упражнение' };
+    case MSG_SUBTYPE_TEXT_SERVICE:
+      return { label: 'Процедура' };
+    case MSG_SUBTYPE_TEXT_COURSE:
+      return { label: 'Курс' };
+    case MSG_SUBTYPE_TEXT_ENTRYPOINT:
+      return { label: 'Оглавление' };
+    default:
+      return null;
+  }
+}
+
 function extractChannelContextFromThreadPayload(payload) {
   const focusInfo = payload?.focus?.channelInfo;
   if (focusInfo?.ownerBlockchainName && focusInfo?.channelRoot?.blockNumber != null) {
@@ -461,13 +481,22 @@ function renderDraftAttachments(container, attachments) {
   });
 }
 
-function openReplyModal({ onSubmit, navigate }) {
+function openReplyModal({ onSubmit, navigate, mode = 'reply' }) {
+  const isRating = mode === 'rating';
+  const title = isRating ? 'Оценка' : 'Ответ';
+  const placeholder = isRating ? 'Текст оценки' : 'Текст ответа';
+  const emptyError = isRating
+    ? 'Введите текст оценки или добавьте вложение.'
+    : 'Введите текст ответа или добавьте вложение.';
+  const submitError = isRating
+    ? 'Не удалось отправить оценку.'
+    : 'Не удалось отправить ответ.';
   const root = document.getElementById('modal-root');
   root.innerHTML = `
     <div class="modal" id="thread-reply-modal">
       <div class="modal-card stack">
-        <h3 class="modal-title">Ответ</h3>
-        <textarea id="thread-reply-text" class="input" rows="5" maxlength="2000" placeholder="Текст ответа"></textarea>
+        <h3 class="modal-title">${title}</h3>
+        <textarea id="thread-reply-text" class="input" rows="5" maxlength="2000" placeholder="${placeholder}"></textarea>
         <div class="draft-attachments" id="thread-reply-attachments"></div>
         <button class="secondary-btn attachment-trigger-btn" id="thread-reply-attach" type="button" aria-label="Добавить вложение" title="Добавить вложение">▣ 📎</button>
         <div class="meta-muted inline-error" id="thread-reply-error"></div>
@@ -504,7 +533,7 @@ function openReplyModal({ onSubmit, navigate }) {
 
     const text = String(textEl?.value || '').trim();
     if (!text && attachments.length === 0) {
-      errorEl.textContent = 'Введите текст ответа или добавьте вложение.';
+      errorEl.textContent = emptyError;
       return;
     }
 
@@ -517,7 +546,7 @@ function openReplyModal({ onSubmit, navigate }) {
       close();
     } catch (error) {
       setBusy(false);
-      errorEl.textContent = toUserMessage(error, 'Не удалось отправить ответ.');
+      errorEl.textContent = toUserMessage(error, submitError);
     }
   });
 
@@ -713,7 +742,6 @@ function openEditMessageModal({ initialText = '', allowEmptyText = false, onSave
 function renderNodeCard(node, heading, handlers, localNumber) {
   const card = document.createElement('article');
   card.className = 'card stack thread-node-card channel-message-card';
-  card.classList.add('is-counters-visible');
 
   const author = node?.authorLogin || 'автор';
   const versions = Array.isArray(node?.versions) ? node.versions : [];
@@ -721,11 +749,15 @@ function renderNodeCard(node, heading, handlers, localNumber) {
   const text = resolveNodeText(node) || (versionsTotal > 1 ? 'удалено' : '(пусто)');
   const likes = Number(node?.likesCount || 0);
   const replies = Number(node?.repliesCount || 0);
+  const ratings = Number(node?.ratingsCount || 0);
   const isOwnMessage = String(node?.authorLogin || '').trim().toLowerCase() === String(state.session.login || '').trim().toLowerCase();
   const isChannelPost = Number(node?.channelInfo?.channelRoot?.blockNumber) >= 0;
   const msgSubType = Number(node?.msgSubType || 0);
+  const isRating = msgSubType === MSG_SUBTYPE_TEXT_RATING;
   const repostTarget = msgSubType === 50 ? buildRepostTargetFromNode(node) : null;
   const parsedText = parseMessageAttachments(text);
+  if (isRating) card.classList.add('is-rating');
+  card.classList.add('is-counters-visible');
 
   const headingText = String(heading || '').trim();
   if (headingText) {
@@ -745,13 +777,23 @@ function renderNodeCard(node, heading, handlers, localNumber) {
   authorBlock.className = 'channel-message-author';
   const title = document.createElement('div');
   title.className = 'channel-message-title author-line';
+  const titleMain = document.createElement('div');
+  titleMain.className = 'author-line-main';
   const loginEl = document.createElement('span');
   loginEl.className = 'author-line-login';
   loginEl.textContent = author;
   const numberEl = document.createElement('span');
   numberEl.className = 'author-line-num';
   numberEl.textContent = `· #${localNumber}`;
-  title.append(loginEl, numberEl);
+  titleMain.append(loginEl, numberEl);
+  title.append(titleMain);
+  const typeMeta = getChannelMessageTypeMeta(node?.msgSubType);
+  if (typeMeta) {
+    const typeChip = document.createElement('span');
+    typeChip.className = 'channel-message-type-chip';
+    typeChip.textContent = typeMeta.label;
+    title.append(typeChip);
+  }
   if (versionsTotal > 1) {
     const editedMarker = document.createElement('button');
     editedMarker.type = 'button';
@@ -800,6 +842,12 @@ function renderNodeCard(node, heading, handlers, localNumber) {
         messageTimestampMs: node?.createdAtMs,
       }));
     }
+    if (isRating) {
+      const ratingBadge = document.createElement('span');
+      ratingBadge.className = 'channel-message-kind-badge channel-message-kind-badge--rating';
+      ratingBadge.textContent = 'Оценка';
+      card.append(ratingBadge);
+    }
     const body = document.createElement('p');
     body.className = 'channel-message-body';
     body.textContent = parsedText.text;
@@ -873,6 +921,24 @@ function renderNodeCard(node, heading, handlers, localNumber) {
       onSubmit: async (textValue) => handlers.onReply(target, textValue),
     });
   });
+  const ratingButton = document.createElement('button');
+  ratingButton.type = 'button';
+  ratingButton.className = 'channel-action-item thread-rating-btn';
+  ratingButton.innerHTML = `
+    <span class="channel-action-icon" aria-hidden="true">★</span>
+    <span class="channel-action-label">Оценка</span>
+    <span class="channel-action-counter">${ratings}</span>
+  `;
+  setActionTitle(ratingButton, 'Оценка');
+  ratingButton.addEventListener('click', (event) => {
+    event.stopPropagation();
+    animatePress(event.currentTarget);
+    openReplyModal({
+      navigate: handlers.navigate,
+      mode: 'rating',
+      onSubmit: async (textValue) => handlers.onRating(target, textValue),
+    });
+  });
 
   const shareButton = document.createElement('button');
   shareButton.type = 'button';
@@ -890,7 +956,7 @@ function renderNodeCard(node, heading, handlers, localNumber) {
 
   // Репосты временно отключены до будущей реализации.
   // Точка возврата: docs/Future_Features/2026-05-24_1140_репосты_в_каналах_и_тредах.md
-  actions.append(likeButton, replyButton, shareButton);
+  actions.append(likeButton, replyButton, ratingButton, shareButton);
   if (repostTarget) {
     const originalButton = document.createElement('button');
     originalButton.type = 'button';
@@ -977,7 +1043,7 @@ function renderDescendants(items, handlers, nextNumber, depth = 0) {
   normalized.forEach((branch, index) => {
     try {
       const nodeNumber = nextNumber();
-      const row = renderNodeCard(branch?.node, `Ответ ${index + 1}`, handlers, nodeNumber);
+      const row = renderNodeCard(branch?.node, '', handlers, nodeNumber);
       row.classList.add('thread-node-level');
       row.style.setProperty('--depth', String(Math.min(depth, 4)));
       wrap.append(row);
@@ -1122,6 +1188,15 @@ export function render({ navigate, route }) {
       showStatus('');
       rerender();
     },
+    onRating: async (target, textValue) => {
+      const { login, storagePwd } = requireSigningSession();
+      await authService.addBlockRating({ login, storagePwd, message: target, text: textValue });
+      pendingThreadScroll.set(routeKey, '__LAST_REPLY__');
+      softHaptic(15);
+      showToast('Оценка отправлена');
+      showStatus('');
+      rerender();
+    },
     onRepost: async (target) => {
       const { login, storagePwd } = requireSigningSession();
       const feed = await authService.listSubscriptionsFeed(login, 1000);
@@ -1365,7 +1440,7 @@ export function render({ navigate, route }) {
       descendantsWrap.className = 'stack thread-block thread-block--replies';
       const descendantsTitle = document.createElement('h3');
       descendantsTitle.className = 'section-title';
-      descendantsTitle.textContent = 'Ответы';
+      descendantsTitle.textContent = 'Ответы и оценки';
       descendantsWrap.append(descendantsTitle);
 
       if (descendants.length) {
@@ -1373,7 +1448,7 @@ export function render({ navigate, route }) {
       } else {
         const empty = document.createElement('div');
         empty.className = 'card meta-muted';
-        empty.textContent = 'Ответов пока нет.';
+        empty.textContent = 'Ответов и оценок пока нет.';
         descendantsWrap.append(empty);
       }