76 lines
2.6 KiB
JavaScript
76 lines
2.6 KiB
JavaScript
import { renderHeader } from '../components/header.js?v=20260327192619';
|
|
import { state } from '../state.js?v=20260327192619';
|
|
|
|
export const pageMeta = { id: 'login-password-view', title: 'Войти по логину', showAppChrome: false };
|
|
|
|
export function render({ navigate }) {
|
|
const screen = document.createElement('section');
|
|
screen.className = 'stack';
|
|
|
|
const form = document.createElement('div');
|
|
form.className = 'card stack';
|
|
|
|
const loginInput = document.createElement('input');
|
|
loginInput.className = 'input';
|
|
loginInput.type = 'text';
|
|
loginInput.value = state.loginDraft.login;
|
|
loginInput.placeholder = 'Введите логин';
|
|
|
|
const passwordInput = document.createElement('input');
|
|
passwordInput.className = 'input';
|
|
passwordInput.type = 'password';
|
|
passwordInput.value = state.loginDraft.password;
|
|
passwordInput.placeholder = 'Введите пароль';
|
|
|
|
const advanced = document.createElement('label');
|
|
advanced.className = 'checkbox-row';
|
|
advanced.innerHTML = `<input type="checkbox" /> <span>Расширенные настройки</span>`;
|
|
const advancedInput = advanced.querySelector('input');
|
|
advancedInput.addEventListener('change', () => {
|
|
if (advancedInput.checked) {
|
|
window.alert('Расширенные настройки в стартовой версии приложения пока не используются.');
|
|
advancedInput.checked = false;
|
|
}
|
|
});
|
|
|
|
form.innerHTML = `
|
|
<label class="stack"><span class="field-label">Логин</span></label>
|
|
<label class="stack"><span class="field-label">Пароль</span></label>
|
|
`;
|
|
form.children[0].append(loginInput);
|
|
form.children[1].append(passwordInput);
|
|
form.append(advanced);
|
|
|
|
const actions = document.createElement('div');
|
|
actions.className = 'auth-footer-actions';
|
|
|
|
const backButton = document.createElement('button');
|
|
backButton.className = 'ghost-btn';
|
|
backButton.type = 'button';
|
|
backButton.textContent = 'Назад';
|
|
backButton.addEventListener('click', () => navigate('login-view'));
|
|
|
|
const enterButton = document.createElement('button');
|
|
enterButton.className = 'primary-btn';
|
|
enterButton.type = 'button';
|
|
enterButton.textContent = 'Войти';
|
|
enterButton.addEventListener('click', () => {
|
|
state.loginDraft.login = loginInput.value;
|
|
state.loginDraft.password = passwordInput.value;
|
|
navigate('key-storage-view');
|
|
});
|
|
|
|
actions.append(backButton, enterButton);
|
|
|
|
screen.append(
|
|
renderHeader({
|
|
title: 'Войти по логину',
|
|
leftAction: { label: '←', onClick: () => navigate('login-view') },
|
|
}),
|
|
form,
|
|
actions,
|
|
);
|
|
|
|
return screen;
|
|
}
|