Промежуточный комит для отдачи задания брату

This commit is contained in:
AidarKC
2026-04-03 10:50:44 +03:00
parent c0fba4af94
commit 78e62997d1
40 changed files with 324 additions and 122 deletions
+1 -1
View File
@@ -1,4 +1,4 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
export const pageMeta = { id: 'add-channel-view', title: 'Добавить канал' };
+77 -12
View File
@@ -1,6 +1,6 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { channelPosts, channels } from '../mock-data.js?v=20260330001044';
import { authService, state } from '../state.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { channelPosts, channels } from '../mock-data.js?v=20260330210201';
import { addLocalChannelPost, authService, getLocalChannelPosts, state } from '../state.js?v=20260330210201';
export const pageMeta = { id: 'channel-view', title: 'Канал' };
@@ -8,7 +8,10 @@ function findMockChannel(channelId) {
const channel = channels.find((c) => c.id === channelId) || channels[0];
return {
channel,
posts: (channelPosts[channel.id] || []).map((post) => ({ title: post.title, body: post.body })),
posts: [
...(channelPosts[channel.id] || []).map((post) => ({ title: post.title, body: post.body })),
...getLocalChannelPosts(channelId),
],
isOwnChannel: channel.ownerLogin === '@shine.alex',
};
}
@@ -20,7 +23,55 @@ function mapApiMessageToPost(message) {
};
}
function renderBody(screen, navigate, channelData) {
function renderPostCard(post) {
const card = document.createElement('article');
card.className = 'card stack';
card.innerHTML = `<strong>${post.title}</strong><p class="meta-muted">${post.body}</p>`;
return card;
}
function openAddMessageModal({ channelId, channelName, onSubmit }) {
const root = document.getElementById('modal-root');
root.innerHTML = `
<div class="modal" id="channel-message-modal">
<div class="modal-card stack">
<h3 style="font-size:18px;">Новое сообщение в канал</h3>
<p class="meta-muted"># ${channelName}</p>
<textarea id="channel-message-text" class="input" rows="6" maxlength="2000" placeholder="Введите текст сообщения"></textarea>
<div class="meta-muted" id="channel-message-error" style="min-height:18px;"></div>
<div style="display:grid; grid-template-columns:1fr 1fr; gap:10px;">
<button class="secondary-btn" id="channel-message-cancel" type="button">Отмена</button>
<button class="primary-btn" id="channel-message-submit" type="button">Отправить</button>
</div>
</div>
</div>
`;
const textEl = root.querySelector('#channel-message-text');
const errorEl = root.querySelector('#channel-message-error');
const close = () => {
root.innerHTML = '';
};
root.querySelector('#channel-message-cancel').addEventListener('click', close);
root.querySelector('#channel-message-submit').addEventListener('click', () => {
const body = textEl.value.trim();
if (!body) {
errorEl.textContent = 'Введите текст сообщения.';
return;
}
onSubmit({
title: `${state.session.login || 'Вы'} • сейчас`,
body,
});
close();
});
if (textEl) textEl.focus();
}
function renderBody(screen, navigate, channelId, channelData) {
const head = document.createElement('div');
head.className = 'card';
head.innerHTML = `
@@ -37,12 +88,23 @@ function renderBody(screen, navigate, channelData) {
feed.className = 'stack';
channelData.posts.forEach((post) => {
const card = document.createElement('article');
card.className = 'card stack';
card.innerHTML = `<strong>${post.title}</strong><p class="meta-muted">${post.body}</p>`;
feed.append(card);
feed.append(renderPostCard(post));
});
if (channelData.isOwnChannel) {
actionButton.addEventListener('click', () => {
openAddMessageModal({
channelId,
channelName: channelData.channel.name,
onSubmit: (post) => {
addLocalChannelPost(channelId, post);
channelData.posts.push(post);
feed.append(renderPostCard(post));
},
});
});
}
const backButton = document.createElement('button');
backButton.className = 'secondary-btn';
backButton.textContent = 'Назад к списку';
@@ -64,7 +126,10 @@ async function loadFromApi(channelId) {
if (!selector.ownerBlockchainName || selector.channelRootBlockNumber == null) return null;
const payload = await authService.getChannelMessages(selector, 200, 'asc');
const posts = (payload.messages || []).map(mapApiMessageToPost);
const posts = [
...(payload.messages || []).map(mapApiMessageToPost),
...getLocalChannelPosts(channelId),
];
return {
channel: {
@@ -104,7 +169,7 @@ export function render({ navigate, route }) {
const apiData = await loadFromApi(channelId);
loading.remove();
if (apiData) {
renderBody(screen, navigate, apiData);
renderBody(screen, navigate, channelId, apiData);
return;
}
} catch {
@@ -112,7 +177,7 @@ export function render({ navigate, route }) {
}
loading.remove();
renderBody(screen, navigate, findMockChannel(channelId));
renderBody(screen, navigate, channelId, findMockChannel(channelId));
})();
return screen;
+3 -3
View File
@@ -1,6 +1,6 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { channels as mockChannels } from '../mock-data.js?v=20260330001044';
import { authService, setChannelsFeed, state } from '../state.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { channels as mockChannels } from '../mock-data.js?v=20260330210201';
import { authService, setChannelsFeed, state } from '../state.js?v=20260330210201';
export const pageMeta = { id: 'channels-list', title: 'Каналы' };
+3 -3
View File
@@ -1,6 +1,6 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { directMessages } from '../mock-data.js?v=20260330001044';
import { addChatMessage, getChatMessages } from '../state.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { directMessages } from '../mock-data.js?v=20260330210201';
import { addChatMessage, getChatMessages } from '../state.js?v=20260330210201';
export const pageMeta = { id: 'chat-view', title: 'Чат' };
+2 -2
View File
@@ -1,5 +1,5 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { state } from '../state.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { state } from '../state.js?v=20260330210201';
export const pageMeta = { id: 'connect-device-view', title: 'Подключить устройство' };
+3 -3
View File
@@ -1,6 +1,6 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { contactDirectory, directMessages } from '../mock-data.js?v=20260330001044';
import { ensureChat } from '../state.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { contactDirectory, directMessages } from '../mock-data.js?v=20260330210201';
import { ensureChat } from '../state.js?v=20260330210201';
export const pageMeta = { id: 'contact-search-view', title: 'Поиск контактов' };
+1 -1
View File
@@ -1,4 +1,4 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
export const pageMeta = { id: 'device-camera-view', title: 'Подключить через камеру' };
+3 -3
View File
@@ -1,6 +1,6 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { profile } from '../mock-data.js?v=20260330001044';
import { state } from '../state.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { profile } from '../mock-data.js?v=20260330210201';
import { state } from '../state.js?v=20260330210201';
export const pageMeta = { id: 'device-qr-view', title: 'Показать QR-код' };
+2 -2
View File
@@ -1,4 +1,4 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import {
authService,
isSessionInvalidError,
@@ -6,7 +6,7 @@ import {
setAuthError,
state,
terminateCurrentSession,
} from '../state.js?v=20260330001044';
} from '../state.js?v=20260330210201';
export const pageMeta = { id: 'device-session-view', title: 'Сеанс устройства' };
+2 -2
View File
@@ -1,4 +1,4 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import {
authService,
isSessionInvalidError,
@@ -7,7 +7,7 @@ import {
setAuthInfo,
state,
terminateCurrentSession,
} from '../state.js?v=20260330001044';
} from '../state.js?v=20260330210201';
export const pageMeta = { id: 'device-view', title: 'Устройства' };
+2 -2
View File
@@ -1,5 +1,5 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { checkServerAvailability, saveEntrySettings, state } from '../state.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { checkServerAvailability, saveEntrySettings, state } from '../state.js?v=20260330210201';
export const pageMeta = { id: 'entry-settings-view', title: 'Настройки входа', showAppChrome: false };
+2 -2
View File
@@ -1,5 +1,5 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { authorizeSession, state } from '../state.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { authorizeSession, state } from '../state.js?v=20260330210201';
export const pageMeta = { id: 'key-storage-view', title: 'Какие ключи сохранить', showAppChrome: false };
+2 -2
View File
@@ -1,5 +1,5 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { state } from '../state.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { state } from '../state.js?v=20260330210201';
export const pageMeta = { id: 'language-view', title: 'Язык' };
+1 -1
View File
@@ -1,4 +1,4 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
export const pageMeta = { id: 'login-camera-view', title: 'Войти по камере', showAppChrome: false };
+2 -2
View File
@@ -1,11 +1,11 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import {
authService,
clearAuthMessages,
setAuthBusy,
setAuthError,
state,
} from '../state.js?v=20260330001044';
} from '../state.js?v=20260330210201';
export const pageMeta = { id: 'login-password-view', title: 'Войти по логину', showAppChrome: false };
+1 -1
View File
@@ -1,4 +1,4 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
export const pageMeta = { id: 'login-view', title: 'Войти', showAppChrome: false };
+2 -2
View File
@@ -1,5 +1,5 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { directMessages } from '../mock-data.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { directMessages } from '../mock-data.js?v=20260330210201';
export const pageMeta = { id: 'messages-list', title: 'Личные сообщения' };
+2 -2
View File
@@ -1,5 +1,5 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { networkGraph } from '../mock-data.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { networkGraph } from '../mock-data.js?v=20260330210201';
export const pageMeta = { id: 'network-view', title: 'Связи' };
+3 -3
View File
@@ -1,6 +1,6 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { notifications } from '../mock-data.js?v=20260330001044';
import { state } from '../state.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { notifications } from '../mock-data.js?v=20260330210201';
import { state } from '../state.js?v=20260330210201';
export const pageMeta = { id: 'notifications-view', title: 'Уведомления' };
+2 -2
View File
@@ -1,5 +1,5 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { profile } from '../mock-data.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { profile } from '../mock-data.js?v=20260330210201';
export const pageMeta = { id: 'profile-view', title: 'Профиль' };
+2 -2
View File
@@ -1,5 +1,5 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { authService, clearAuthMessages, state } from '../state.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { authService, clearAuthMessages, state } from '../state.js?v=20260330210201';
export const pageMeta = { id: 'register-view', title: 'Зарегистрироваться', showAppChrome: false };
+2 -2
View File
@@ -1,4 +1,4 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import {
authService,
authorizeSession,
@@ -6,7 +6,7 @@ import {
setAuthError,
setAuthInfo,
state,
} from '../state.js?v=20260330001044';
} from '../state.js?v=20260330210201';
export const pageMeta = { id: 'registration-keys-view', title: 'Сохранение ключей', showAppChrome: false };
@@ -1,11 +1,11 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import {
authService,
refreshRegistrationBalance,
setAuthError,
setAuthInfo,
state,
} from '../state.js?v=20260330001044';
} from '../state.js?v=20260330210201';
export const pageMeta = { id: 'registration-payment-view', title: 'Оплата регистрации', showAppChrome: false };
+2 -2
View File
@@ -1,5 +1,5 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { checkServerAvailability, saveEntrySettings, state } from '../state.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { checkServerAvailability, saveEntrySettings, state } from '../state.js?v=20260330210201';
export const pageMeta = { id: 'server-settings-view', title: 'Настройки серверов' };
+1 -1
View File
@@ -1,4 +1,4 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
export const pageMeta = { id: 'settings-view', title: 'Настройки' };
+3 -3
View File
@@ -1,6 +1,6 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { state } from '../state.js?v=20260330001044';
import { loadEncryptedUserSecrets } from '../services/key-vault.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { state } from '../state.js?v=20260330210201';
import { loadEncryptedUserSecrets } from '../services/key-vault.js?v=20260330210201';
export const pageMeta = { id: 'show-keys-view', title: 'Показать ключи' };
+1 -1
View File
@@ -1,4 +1,4 @@
import { clearStartHint, state } from '../state.js?v=20260330001044';
import { clearStartHint, state } from '../state.js?v=20260330210201';
export const pageMeta = { id: 'start-view', title: 'Старт', showAppChrome: false };
+2 -2
View File
@@ -1,5 +1,5 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { state } from '../state.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { state } from '../state.js?v=20260330210201';
export const pageMeta = { id: 'topup-view', title: 'Пополнение счета', showAppChrome: false };
+2 -2
View File
@@ -1,5 +1,5 @@
import { renderHeader } from '../components/header.js?v=20260330001044';
import { wallet } from '../mock-data.js?v=20260330001044';
import { renderHeader } from '../components/header.js?v=20260330210201';
import { wallet } from '../mock-data.js?v=20260330210201';
export const pageMeta = { id: 'wallet-view', title: 'Кошелёк' };