SHA256
Обновление архитектуры ключей и кошельков
This commit is contained in:
@@ -9,17 +9,18 @@ export function render({navigate, chrome}) {
|
||||
screen.className = 'stack';
|
||||
|
||||
chrome?.setTopbar(createTopBar({
|
||||
title: 'Подключить устройство',
|
||||
back: { label: '←', onClick: () => navigate('device-view') },
|
||||
}));
|
||||
title: 'Подключить устройство',
|
||||
back: { label: '←', onClick: () => navigate('device-view') },
|
||||
}));
|
||||
|
||||
const card = document.createElement('div');
|
||||
card.className = 'card stack';
|
||||
card.innerHTML = `
|
||||
<p>Выберите, какие ключи передать на подключаемое устройство</p>
|
||||
<label class="checkbox-row"><input type="checkbox" id="connect-root" ${state.deviceConnect.root ? 'checked' : ''} /> root key</label>
|
||||
<label class="checkbox-row"><input type="checkbox" id="connect-blockchain" ${state.deviceConnect.blockchain ? 'checked' : ''} /> blockchain key</label>
|
||||
<label class="checkbox-row"><input type="checkbox" id="connect-device" checked disabled /> client key</label>
|
||||
<div class="stack" style="gap:6px;">
|
||||
<p class="field-label">Что будет передано</p>
|
||||
<p class="meta-muted">Новое устройство автоматически получит ключ доступа и ключ блокчейна.</p>
|
||||
<p class="meta-muted">Ключ восстановления никогда не передаётся и не сохраняется на устройствах.</p>
|
||||
</div>
|
||||
<p class="meta-muted" id="connect-keys-status">Проверяем ключи на этом устройстве...</p>
|
||||
<div class="row">
|
||||
<button class="icon-btn small-btn" type="button" id="tech-help">Техсправка</button>
|
||||
@@ -31,24 +32,9 @@ export function render({navigate, chrome}) {
|
||||
</div>
|
||||
`;
|
||||
|
||||
const rootToggle = card.querySelector('#connect-root');
|
||||
const blockchainToggle = card.querySelector('#connect-blockchain');
|
||||
const deviceToggle = card.querySelector('#connect-device');
|
||||
const statusEl = card.querySelector('#connect-keys-status');
|
||||
const openQrBtn = card.querySelector('#open-qr');
|
||||
const openPairBtn = card.querySelector('#open-pairing');
|
||||
deviceToggle.checked = true;
|
||||
|
||||
rootToggle.addEventListener('change', () => {
|
||||
state.deviceConnect.root = rootToggle.checked;
|
||||
});
|
||||
blockchainToggle.addEventListener('change', () => {
|
||||
state.deviceConnect.blockchain = blockchainToggle.checked;
|
||||
});
|
||||
deviceToggle.addEventListener('change', () => {
|
||||
state.deviceConnect.client = true;
|
||||
deviceToggle.checked = true;
|
||||
});
|
||||
|
||||
const helpModal = document.createElement('div');
|
||||
helpModal.className = 'modal-shell';
|
||||
@@ -61,15 +47,10 @@ export function render({navigate, chrome}) {
|
||||
<button class="icon-btn" type="button" data-close="true" aria-label="Закрыть">✕</button>
|
||||
</div>
|
||||
<div class="stack" style="gap:6px;">
|
||||
<p class="meta-muted">пользователь выбирает ключи для передачи</p>
|
||||
<p class="meta-muted">передать можно только существующие ключи</p>
|
||||
<p class="meta-muted">если ключа нет – он недоступен</p>
|
||||
<p class="meta-muted">blockchain key – можно передать или нет</p>
|
||||
<p class="meta-muted">root key – только если существует</p>
|
||||
<p class="meta-muted">client key передаётся всегда</p>
|
||||
<p class="meta-muted">подключение происходит напрямую через QR</p>
|
||||
<p class="meta-muted">сервер не используется</p>
|
||||
<p class="meta-muted">текущая логика: устройство 1 показывает QR, устройство 2 сканирует</p>
|
||||
<p class="meta-muted">client key (ключ доступа) передаётся всегда</p>
|
||||
<p class="meta-muted">blockchain key (ключ блокчейна) передаётся всегда</p>
|
||||
<p class="meta-muted">root/recovery private key никогда не передаётся</p>
|
||||
<p class="meta-muted">QR-сценарий передаёт рабочие ключи напрямую между устройствами</p>
|
||||
<p class="meta-muted">для сценария через сервер используйте кнопку «Подключить по коду»</p>
|
||||
</div>
|
||||
<button class="primary-btn" type="button" data-close="true">OK</button>
|
||||
@@ -78,12 +59,9 @@ export function render({navigate, chrome}) {
|
||||
|
||||
const openHelp = () => {
|
||||
helpModal.hidden = false;
|
||||
helpModal.querySelector('.modal-dialog').focus();
|
||||
};
|
||||
|
||||
const closeHelp = () => {
|
||||
helpModal.hidden = true;
|
||||
helpModal.querySelector('.modal-dialog')?.focus();
|
||||
};
|
||||
const closeHelp = () => { helpModal.hidden = true; };
|
||||
|
||||
card.querySelector('#tech-help').addEventListener('click', openHelp);
|
||||
card.querySelector('#open-qr').addEventListener('click', () => navigate('device-qr-view'));
|
||||
@@ -96,61 +74,32 @@ export function render({navigate, chrome}) {
|
||||
throw new Error('Нет активной сессии');
|
||||
}
|
||||
const savedKeys = await loadEncryptedUserSecrets(state.session.login, state.session.storagePwdInMemory);
|
||||
const hasRoot = Boolean(savedKeys.rootKey);
|
||||
const hasBlockchain = Boolean(savedKeys.blockchainKey);
|
||||
const hasClient = Boolean(savedKeys.clientKey);
|
||||
|
||||
rootToggle.disabled = !hasRoot;
|
||||
blockchainToggle.disabled = !hasBlockchain;
|
||||
deviceToggle.disabled = true;
|
||||
state.deviceConnect.root = hasRoot && rootToggle.checked;
|
||||
state.deviceConnect.blockchain = hasBlockchain && blockchainToggle.checked;
|
||||
state.deviceConnect.client = hasClient;
|
||||
rootToggle.checked = state.deviceConnect.root;
|
||||
blockchainToggle.checked = state.deviceConnect.blockchain;
|
||||
deviceToggle.checked = hasClient;
|
||||
openQrBtn.disabled = !hasClient;
|
||||
openPairBtn.disabled = !hasClient;
|
||||
|
||||
const available = [
|
||||
hasClient ? 'client' : '',
|
||||
hasBlockchain ? 'blockchain' : '',
|
||||
hasRoot ? 'root' : '',
|
||||
].filter(Boolean);
|
||||
statusEl.textContent = available.length
|
||||
? `На этом устройстве доступны: ${available.join(', ')}.`
|
||||
: 'На этом устройстве нет сохранённых ключей для передачи.';
|
||||
const ready = hasBlockchain && hasClient;
|
||||
openQrBtn.disabled = !ready;
|
||||
openPairBtn.disabled = !ready;
|
||||
statusEl.textContent = ready
|
||||
? 'Ключ доступа и ключ блокчейна готовы к безопасной передаче.'
|
||||
: 'На этом устройстве не хватает рабочих ключей. Выполните вход по паролю заново.';
|
||||
} catch {
|
||||
rootToggle.disabled = true;
|
||||
blockchainToggle.disabled = true;
|
||||
deviceToggle.checked = false;
|
||||
state.deviceConnect.root = false;
|
||||
state.deviceConnect.blockchain = false;
|
||||
state.deviceConnect.client = false;
|
||||
openQrBtn.disabled = true;
|
||||
openPairBtn.disabled = true;
|
||||
statusEl.textContent = 'Не удалось прочитать сохранённые ключи на этом устройстве.';
|
||||
statusEl.textContent = 'Не удалось прочитать рабочие ключи на этом устройстве.';
|
||||
}
|
||||
})();
|
||||
|
||||
helpModal.addEventListener('click', (event) => {
|
||||
const target = event.target;
|
||||
if (target instanceof HTMLElement && target.dataset.close === 'true') {
|
||||
closeHelp();
|
||||
}
|
||||
if (target instanceof HTMLElement && target.dataset.close === 'true') closeHelp();
|
||||
});
|
||||
|
||||
helpModal.addEventListener('keydown', (event) => {
|
||||
if (event.key === 'Escape') {
|
||||
closeHelp();
|
||||
}
|
||||
if (event.key === 'Escape') closeHelp();
|
||||
});
|
||||
|
||||
screen.append(card);
|
||||
const modalRoot = document.getElementById('modal-root');
|
||||
modalRoot?.append(helpModal);
|
||||
screen.cleanup = () => {
|
||||
helpModal.remove();
|
||||
};
|
||||
screen.cleanup = () => { helpModal.remove(); };
|
||||
return screen;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user