SHA256
qandClaude Opus 5.5
f8900e531a
- styles/main.css: роли цветов (по умолчанию «Индиго»), шкала отступов/скруглений/шрифтов, цвета отношений для обеих тем; жёсткие цвета в стилях заменены на роли. - Палитра: пресеты и личные правки, «Оформление» Авто/День/Ночь, долгое нажатие — редактор цветов с экспортом/импортом. - Каналы: пузыри постов автора, плашки дней, строка «Написать в канал…», «О канале», создание канала с адресом из названия; лента открывается на свежих постах. - Чаты: плоский список, чипы-фильтры, пузыри, плашки дней; нижняя панель скрыта в переписке. - Корневые разделы — единая шапка; профиль и чужой профиль — общая карточка; настройки, кошелёк, сеансы — меню-списки. - Нижняя панель: иконки без подписей, бейджи на иконках. - confirmDialog вместо window.confirm/alert; на телефоне диалоги — шторки снизу. - docs/UI-Design/ISSUES-for-dev.md — найденные ошибки сервера/UI. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
62 lines
2.7 KiB
JavaScript
62 lines
2.7 KiB
JavaScript
import { createTopBar } from '../components/topbar.js';
|
|
import {
|
|
isDeveloperToolsEnabled,
|
|
isDmFileTransferEnabled,
|
|
setDeveloperToolsEnabled,
|
|
setDmFileTransferEnabled,
|
|
} from '../services/feature-settings.js';
|
|
|
|
export const pageMeta = { id: 'advanced-settings-view', title: 'Дополнительные настройки' };
|
|
|
|
function createToggleRow({ id, title, hint, checked }) {
|
|
const label = document.createElement('label');
|
|
label.className = 'card settings-feature-toggle-row';
|
|
label.htmlFor = id;
|
|
label.innerHTML = `
|
|
<span class="settings-feature-toggle-copy">
|
|
<strong class="settings-feature-toggle-title">${title}</strong>
|
|
<span class="settings-feature-toggle-hint">${hint}</span>
|
|
</span>
|
|
<input class="settings-feature-switch" id="${id}" type="checkbox" ${checked ? 'checked' : ''} />
|
|
`;
|
|
return label;
|
|
}
|
|
|
|
export function render({ navigate, chrome }) {
|
|
const screen = document.createElement('section');
|
|
screen.className = 'stack advanced-settings-screen';
|
|
|
|
chrome?.setTopbar(createTopBar({
|
|
title: 'Дополнительные настройки',
|
|
back: { label: '←', onClick: () => navigate('settings-view') },
|
|
}));
|
|
|
|
const intro = document.createElement('div');
|
|
intro.className = 'settings-intro';
|
|
intro.innerHTML = `
|
|
<p class="meta-muted">Скрытые возможности. Экран открывается пятью быстрыми нажатиями по логотипу в настройках.</p>
|
|
`;
|
|
|
|
const developerRow = createToggleRow({
|
|
id: 'advanced-developer-tools',
|
|
title: 'Настройки разработчика',
|
|
hint: 'Показывать блок «Версии» и кнопку настроек разработчика в обычных настройках. По умолчанию выключено.',
|
|
checked: isDeveloperToolsEnabled(),
|
|
});
|
|
|
|
const filesRow = createToggleRow({
|
|
id: 'advanced-dm-files',
|
|
title: 'Передача файлов в личных сообщениях',
|
|
hint: 'Разрешить зашифрованные файлы любого размера, несколько файлов за сообщение и голосовые. Полученные ранее файлы останутся доступными.',
|
|
checked: isDmFileTransferEnabled(),
|
|
});
|
|
|
|
const developerInput = developerRow.querySelector('#advanced-developer-tools');
|
|
const filesInput = filesRow.querySelector('#advanced-dm-files');
|
|
developerInput?.addEventListener('change', () => setDeveloperToolsEnabled(developerInput.checked));
|
|
filesInput?.addEventListener('change', () => setDmFileTransferEnabled(filesInput.checked));
|
|
|
|
screen.append(intro, developerRow, filesRow);
|
|
return screen;
|
|
}
|