Доделать связи и профиль

2026-09-01 14:59:42 +04:00
parent a66d7a64e6
commit 390a2b988e
16 changed files with 599 additions and 304 deletions
@@ -64,20 +64,29 @@ function genderText(value) {

 function relationButtonLabel(kind, flags) {
  if (kind === 'contact') return flags.outContact ? 'Убрать из контактов' : 'Добавить в контакты';
-  if (kind === 'friend') return flags.outFriend ? 'Убрать из близких друзей' : 'Добавить в близкие друзья';
-  return flags.outFollow ? 'Отписаться' : 'Подписаться';
+  if (kind === 'friend') return flags.outFriend ? 'Убрать из друзей' : 'Добавить в друзья';
+  if (kind === 'close_friend') return flags.outCloseFriend ? 'Убрать из близких друзей' : 'Добавить в близкие друзья';
+  if (kind === 'official_account') return flags.outOfficialAccount ? 'Снять подтверждение' : 'Подтвердить аккаунт';
+  if (kind === 'shine_confirmed') return flags.outShineConfirmed ? 'Снять подтверждение' : 'Подтвердить сияющего';
+  return '';
 }

 function relationNextState(kind, flags) {
  if (kind === 'contact') return !flags.outContact;
  if (kind === 'friend') return !flags.outFriend;
-  return !flags.outFollow;
+  if (kind === 'close_friend') return !flags.outCloseFriend;
+  if (kind === 'official_account') return !flags.outOfficialAccount;
+  if (kind === 'shine_confirmed') return !flags.outShineConfirmed;
+  return false;
 }

 function relationConfirmLabel(kind) {
  if (kind === 'contact') return 'контакт';
-  if (kind === 'friend') return 'статус близкого друга';
-  return 'подписку';
+  if (kind === 'friend') return 'статус друга';
+  if (kind === 'close_friend') return 'статус близкого друга';
+  if (kind === 'official_account') return 'подтверждение официального аккаунта';
+  if (kind === 'shine_confirmed') return 'подтверждение сияющего';
+  return 'связь';
 }

 function relationStateText(kind, flags) {
@@ -88,55 +97,49 @@ function relationStateText(kind, flags) {
    return '';
  }
  if (kind === 'friend') {
-    if (flags.outFriend && flags.inFriend) return 'Вы взаимно близкие друзья.';
-    if (flags.outFriend) return 'Вы считаете этот профиль близким другом.';
-    if (flags.inFriend) return 'Этот профиль считает вас близким другом.';
+    if (flags.outFriend && flags.inFriend) return 'Вы взаимно считаете друг друга друзьями.';
+    if (flags.outFriend) return 'Вы считаете этого человека другом.';
+    if (flags.inFriend) return 'Этот человек считает вас другом.';
    return '';
  }
-  if (flags.outFollow && flags.inFollow) return 'Вы взаимно подписаны.';
-  if (flags.outFollow) return 'Вы подписаны на этот профиль.';
-  if (flags.inFollow) return 'Этот профиль подписан на вас.';
+  if (kind === 'close_friend') {
+    if (flags.outCloseFriend && flags.inCloseFriend) return 'Вы взаимно близкие друзья.';
+    if (flags.outCloseFriend) return 'Вы считаете этого человека близким другом.';
+    if (flags.inCloseFriend) return 'Этот человек считает вас близким другом.';
+    return '';
+  }
+  if (kind === 'official_account') {
+    return flags.outOfficialAccount
+      ? 'Вы подтверждаете, что это действительно официальный аккаунт этого человека.'
+      : '';
+  }
+  if (kind === 'shine_confirmed') {
+    return flags.outShineConfirmed
+      ? 'Вы подтверждаете, что этот человек сияющий.'
+      : '';
+  }
  return '';
 }

-function opinionItemsFromFlags(flags) {
-  const items = [];
-  if (flags.outShineSeen) {
-    items.push({
-      kind: 'shine_seen',
-      text: 'вы утверждаете, что очень мало знаете этого человека, но вы видели его сияющим, и всё, что вы о нём знаете, подтверждает это',
-      label: 'видел сияющим',
-    });
-  }
-  if (flags.outShineConfirmed) {
-    items.push({
-      kind: 'shine_confirmed',
-      text: 'вы утверждаете, что достаточно хорошо знаете этого человека и точно уверены, что этот человек сияющий',
-      label: 'точно сияющий',
-    });
-  }
-  if (flags.outKnownPerson) {
-    items.push({
-      kind: 'known_person',
-      text: 'вы утверждаете, что просто знаете этого человека',
-      label: 'просто знаю',
-    });
-  }
-  return items;
-}
+function renderRelations(flags) {
+  const rows = [
+    { kind: 'contact', text: relationStateText('contact', flags), button: relationButtonLabel('contact', flags) },
+    { kind: 'friend', text: relationStateText('friend', flags), button: relationButtonLabel('friend', flags) },
+    { kind: 'close_friend', text: relationStateText('close_friend', flags), button: relationButtonLabel('close_friend', flags) },
+    { kind: 'official_account', text: relationStateText('official_account', flags), button: relationButtonLabel('official_account', flags) },
+    { kind: 'shine_confirmed', text: relationStateText('shine_confirmed', flags), button: relationButtonLabel('shine_confirmed', flags) },
+  ];

-function resolveActiveOpinionKind(flags) {
-  if (flags.outShineSeen) return 'shine_seen';
-  if (flags.outShineConfirmed) return 'shine_confirmed';
-  if (flags.outKnownPerson) return 'known_person';
-  return '';
-}
-
-function opinionLabelByKind(kind) {
-  if (kind === 'shine_seen') return 'мало знаком, но видел сияющим';
-  if (kind === 'shine_confirmed') return 'точно уверен, что сияющий';
-  if (kind === 'known_person') return 'просто знаю человека';
-  return kind;
+  return `
+    <div class="card stack user-relations-list" data-profile-relations="true">
+      ${rows.map((row) => `
+        <div class="user-rel-row ${row.text ? '' : 'is-empty'}">
+          <span class="user-rel-text">${escapeHtml(row.text)}</span>
+          <button class="ghost-btn user-rel-action" type="button" data-relation-action="${row.kind}">${escapeHtml(row.button)}</button>
+        </div>
+      `).join('')}
+    </div>
+  `;
 }

 function renderIdentity(card) {
@@ -182,82 +185,6 @@ function renderReadOnlyBadges(card) {
  `;
 }

-function renderRelations(flags) {
-  const rows = [
-    { kind: 'contact', text: relationStateText('contact', flags), button: relationButtonLabel('contact', flags) },
-    { kind: 'friend', text: relationStateText('friend', flags), button: relationButtonLabel('friend', flags) },
-    { kind: 'follow', text: relationStateText('follow', flags), button: relationButtonLabel('follow', flags) },
-  ];
-  const opinionItems = opinionItemsFromFlags(flags);
-  const hasOpinion = opinionItems.length > 0;
-
-  return `
-    <div class="card stack user-relations-list" data-profile-relations="true">
-      ${rows.map((row) => `
-        <div class="user-rel-row ${row.text ? '' : 'is-empty'}">
-          <span class="user-rel-text">${escapeHtml(row.text)}</span>
-          <button class="ghost-btn user-rel-action" type="button" data-relation-action="${row.kind}">${escapeHtml(row.button)}</button>
-        </div>
-      `).join('')}
-      <div class="user-rel-opinions-wrap ${hasOpinion ? '' : 'is-empty'}">
-        <div class="user-rel-opinions-list">
-          ${opinionItems.map((item) => `
-            <div class="user-rel-opinion-item">${escapeHtml(item.text)}</div>
-          `).join('')}
-        </div>
-        <div class="user-rel-opinions-hint">Добавьте одну из этих трёх формулировок.</div>
-      </div>
-      <div class="user-rel-row">
-        <span class="user-rel-text">${hasOpinion ? 'Мнение уже добавлено.' : 'Пока нет дополнительной связи.'}</span>
-        <button class="ghost-btn user-rel-action user-rel-opinion-btn" type="button" data-relation-action="opinion-menu">${hasOpinion ? 'Изменить мнение' : 'Добавить мнение'}</button>
-      </div>
-    </div>
-  `;
-}
-
-function openOpinionMenuModal({ flags, onApply }) {
-  const root = document.getElementById('modal-root');
-  if (!root) return;
-  const activeKind = resolveActiveOpinionKind(flags);
-  const items = [
-    { kind: 'known_person', title: 'просто знаю человека' },
-    { kind: 'shine_confirmed', title: 'точно уверен, что сияющий' },
-    { kind: 'shine_seen', title: 'мало знаком, но видел сияющим' },
-  ];
-  const rowsHtml = items
-    .filter((item) => item.kind !== activeKind)
-    .map((item) => `<button class="secondary-btn user-opinion-modal-btn is-add" type="button" data-opinion-kind="${item.kind}" data-opinion-mode="set">Высказать: ${item.title}</button>`)
-    .join('');
-  const removeHtml = activeKind
-    ? `<button class="secondary-btn user-opinion-modal-btn is-remove" type="button" data-opinion-kind="${activeKind}" data-opinion-mode="remove">Убрать мнение</button>`
-    : '';
-
-  root.innerHTML = `
-    <div class="modal" id="user-opinion-modal">
-      <div class="modal-card stack">
-        <h3 class="modal-title">${activeKind ? 'Изменить мнение' : 'Добавить мнение'}</h3>
-        <div class="stack">${rowsHtml}${removeHtml}</div>
-        <button class="secondary-btn" type="button" id="user-opinion-modal-close">Закрыть</button>
-      </div>
-    </div>
-  `;
-
-  const close = () => { root.innerHTML = ''; };
-  root.querySelector('#user-opinion-modal-close')?.addEventListener('click', close);
-  root.querySelector('#user-opinion-modal')?.addEventListener('click', (event) => {
-    if (event.target?.id === 'user-opinion-modal') close();
-  });
-  root.querySelectorAll('[data-opinion-mode]').forEach((btn) => {
-    btn.addEventListener('click', async () => {
-      const nextKind = String(btn.getAttribute('data-opinion-kind') || '').trim();
-      const mode = String(btn.getAttribute('data-opinion-mode') || '').trim();
-      close();
-      if (!nextKind) return;
-      await onApply({ mode, nextKind, activeKind });
-    });
-  });
-}
-
 function renderReadOnlyParams(card) {
  const rows = [
    { label: 'Имя', value: card.firstName },
@@ -310,20 +237,15 @@ export function render({ navigate, route }) {
  let isBusy = false;

  function syncActionButtons() {
-    const followBtn = body.querySelector('[data-relation-action="follow"]');
-    const friendBtn = body.querySelector('[data-relation-action="friend"]');
-    const contactBtn = body.querySelector('[data-relation-action="contact"]');
-    const opinionBtn = body.querySelector('[data-relation-action="opinion-menu"]');
-    if (!followBtn || !friendBtn || !contactBtn || !opinionBtn || !currentFlags) return;
+    const kinds = ['contact', 'friend', 'close_friend', 'official_account', 'shine_confirmed'];
+    if (!currentFlags) return;
    const isSelf = currentCard && currentCard.login.toLowerCase() === sessionLogin.toLowerCase();
-    contactBtn.textContent = relationButtonLabel('contact', currentFlags);
-    friendBtn.textContent = relationButtonLabel('friend', currentFlags);
-    followBtn.textContent = relationButtonLabel('follow', currentFlags);
-    contactBtn.disabled = Boolean(isSelf);
-    friendBtn.disabled = Boolean(isSelf);
-    followBtn.disabled = Boolean(isSelf);
-    opinionBtn.textContent = opinionItemsFromFlags(currentFlags).length ? 'Изменить мнение' : 'Добавить мнение';
-    opinionBtn.disabled = Boolean(isSelf);
+    kinds.forEach((kind) => {
+      const btn = body.querySelector(`[data-relation-action="${kind}"]`);
+      if (!btn) return;
+      btn.textContent = relationButtonLabel(kind, currentFlags);
+      btn.disabled = Boolean(isSelf);
+    });
  }

  async function refresh() {
@@ -384,14 +306,6 @@ export function render({ navigate, route }) {
      return;
    }

-    if (kind === 'opinion-menu') {
-      openOpinionMenuModal({
-        flags: currentFlags,
-        onApply: onOpinionApply,
-      });
-      return;
-    }
-
    const nextEnabled = relationNextState(kind, currentFlags);
    const confirmed = window.confirm(
      `Изменить ${relationConfirmLabel(kind)} с пользователем ${currentCard.login}?\n` +
@@ -420,64 +334,6 @@ export function render({ navigate, route }) {
    }
  }

-  async function onOpinionApply({ mode, nextKind, activeKind }) {
-    if (isBusy || !currentCard || !currentFlags) return;
-    if (!sessionLogin) {
-      window.alert('Для изменения связей нужен активный вход.');
-      return;
-    }
-    if (!state.session.storagePwdInMemory) {
-      window.alert('Нет storagePwd в памяти сессии. Выполните вход заново.');
-      return;
-    }
-
-    const confirmed = window.confirm(`Изменить мнение о пользователе ${currentCard.login}?`);
-    if (!confirmed) return;
-
-    isBusy = true;
-    status.className = 'status-line';
-    status.textContent = 'Сохранение отношения в блокчейн...';
-
-    try {
-      if (activeKind) {
-        await authService.setUserRelation({
-          login: sessionLogin,
-          toLogin: currentCard.login,
-          kind: activeKind,
-          enabled: false,
-          storagePwd: state.session.storagePwdInMemory,
-        });
-      }
-
-      if (mode === 'set') {
-        await authService.setUserRelation({
-          login: sessionLogin,
-          toLogin: currentCard.login,
-          kind: nextKind,
-          enabled: true,
-          storagePwd: state.session.storagePwdInMemory,
-        });
-      }
-      await refresh();
-      if (mode === 'set') {
-        const opinionVisible = Boolean(
-          currentFlags?.outKnownPerson
-          || currentFlags?.outShineConfirmed
-          || currentFlags?.outShineSeen,
-        );
-        if (!opinionVisible) {
-          await new Promise((resolve) => window.setTimeout(resolve, 350));
-          await refresh();
-        }
-      }
-    } catch (error) {
-      status.className = 'status-line is-unavailable';
-      status.textContent = `Ошибка изменения связи: ${error.message || 'unknown'}`;
-      window.alert(`Не удалось изменить связь: ${error.message || 'unknown'}`);
-      isBusy = false;
-    }
-  }
-
  body.addEventListener('click', (event) => {
    const target = event.target;
    if (!(target instanceof HTMLElement)) return;