31 lines
1.2 KiB
JavaScript
31 lines
1.2 KiB
JavaScript
import { renderHeader } from '../components/header.js?v=20260327192619';
|
|
|
|
export const pageMeta = { id: 'settings-view', title: 'Настройки' };
|
|
|
|
export function render({ navigate }) {
|
|
const screen = document.createElement('section');
|
|
screen.className = 'stack';
|
|
|
|
screen.append(
|
|
renderHeader({
|
|
title: 'Настройки',
|
|
leftAction: { label: '←', onClick: () => navigate('profile-view') },
|
|
}),
|
|
);
|
|
|
|
const card = document.createElement('div');
|
|
card.className = 'card stack';
|
|
card.innerHTML = `
|
|
<button class="text-btn" type="button" id="settings-device">Устройства</button>
|
|
<button class="text-btn" type="button" id="settings-servers">Настройки серверов</button>
|
|
<button class="text-btn" type="button" id="settings-language">Язык / Language</button>
|
|
`;
|
|
|
|
card.querySelector('#settings-device').addEventListener('click', () => navigate('device-view'));
|
|
card.querySelector('#settings-servers').addEventListener('click', () => navigate('server-settings-view'));
|
|
card.querySelector('#settings-language').addEventListener('click', () => navigate('language-view'));
|
|
|
|
screen.append(card);
|
|
return screen;
|
|
}
|