Добавил гостевой режим, единые shine-ссылки и пометку о нестабильности мнений

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

@@ -7,6 +7,7 @@ import {
 } from '../services/user-profile-params.js';
 import { buildIdentityLines } from '../services/user-connections.js';
 import { renderUserAvatar } from '../components/avatar-image.js';
+import { makeProfileLinksRoute } from '../services/shine-routes.js';
 
 export const pageMeta = { id: 'profile-view', title: 'Профиль' };
 
@@ -29,6 +30,40 @@ function escapeHtml(text) {
     .replaceAll("'", ''');
 }
 
+function openProfileInfoModal({ title, text }) {
+  const root = document.getElementById('modal-root');
+  if (!root) return;
+  root.innerHTML = `
+    <div class="modal" id="profile-info-modal">
+      <div class="modal-card stack">
+        <h3 class="modal-title">${escapeHtml(title)}</h3>
+        <p class="meta-muted" style="white-space: pre-wrap; line-height: 1.45;">${escapeHtml(text)}</p>
+        <button class="secondary-btn" type="button" id="profile-info-close">Закрыть</button>
+      </div>
+    </div>
+  `;
+  const close = () => { root.innerHTML = ''; };
+  root.querySelector('#profile-info-close')?.addEventListener('click', close);
+  root.querySelector('#profile-info-modal')?.addEventListener('click', (event) => {
+    if (event.target?.id === 'profile-info-modal') close();
+  });
+}
+
+function officialInfoText() {
+  return 'Можно создавать несколько альтернативных или анонимных каналов. '
+    + 'Но для корректного учёта голосов на одного реального человека используется только один официальный канал.';
+}
+
+function shineInfoText() {
+  return 'Сияющие — это те, от кого идёт внутреннее сияние на тонком плане.\n\n'
+    + 'Пять принципов сияющих:\n'
+    + '1) сияющие не обманывают;\n'
+    + '2) сияющие чувствуют, что человек — это не только физическое тело, а нечто большее;\n'
+    + '3) сияющие развиваются и в духовной, и в материальной плоскости;\n'
+    + '4) у сияющих есть близкие друзья, с которыми им по-настоящему хорошо;\n'
+    + '5) сияющие заботятся о мире: о людях, гармонии и общем благе.';
+}
+
 export function render({ navigate }) {
   const login = state.session.login || profile.login;
 
@@ -39,14 +74,22 @@ export function render({ navigate }) {
   topActions.className = 'profile-top-actions';
   topActions.innerHTML = `
     <button class="ghost-btn profile-top-action-btn" type="button" data-top-action="edit">Редактировать профиль</button>
-    <button class="ghost-btn profile-top-action-btn" type="button" data-top-action="wallet">Кошелёк</button>
     <button class="ghost-btn profile-top-action-btn" type="button" data-top-action="settings">Настройки</button>
   `;
   topActions.querySelector('[data-top-action="edit"]')?.addEventListener('click', () => navigate('profile-edit-view'));
-  topActions.querySelector('[data-top-action="wallet"]')?.addEventListener('click', () => navigate('wallet-view'));
   topActions.querySelector('[data-top-action="settings"]')?.addEventListener('click', () => navigate('settings-view'));
   screen.append(topActions);
 
+  const bottomActions = document.createElement('div');
+  bottomActions.className = 'profile-bottom-actions';
+  bottomActions.innerHTML = `
+    <button class="ghost-btn profile-top-action-btn" type="button" data-bottom-action="wallet">Кошелёк</button>
+    <button class="ghost-btn profile-top-action-btn profile-links-two-line" type="button" data-bottom-action="links">Показать\nсвязи</button>
+  `;
+  bottomActions.querySelector('[data-bottom-action="wallet"]')?.addEventListener('click', () => navigate('wallet-view'));
+  bottomActions.querySelector('[data-bottom-action="links"]')?.addEventListener('click', () => navigate(makeProfileLinksRoute(login)));
+  screen.append(bottomActions);
+
   const card = document.createElement('div');
   card.className = 'card stack profile-main-card';
 
@@ -126,6 +169,21 @@ export function render({ navigate }) {
     updateToggleButton(shineBtn, 'Сияющий', shine.enabled);
   }
 
+  officialBtn?.classList.add('profile-badge-trigger');
+  shineBtn?.classList.add('profile-badge-trigger');
+  officialBtn?.addEventListener('click', () => {
+    openProfileInfoModal({
+      title: 'Официальный канал',
+      text: officialInfoText(),
+    });
+  });
+  shineBtn?.addEventListener('click', () => {
+    openProfileInfoModal({
+      title: 'Справка о сияющих',
+      text: shineInfoText(),
+    });
+  });
+
   function renderFields(fields) {
     listWrap.innerHTML = '';
     fields.forEach((field) => {