const html = require('choo/html'); const raw = require('choo/html/raw'); module.exports = function(state, emit) { const file = state.storage.getFileById(state.params.id); return html`
${passwordSpan(file.password)}
`; function passwordSpan(password) { password = password || '●●●●●'; const span = html`${raw( state.translate('passwordResult', { password: '
'
      })
    )}
`; const og = span.querySelector('.passwordOriginal'); const masked = span.querySelector('.passwordMask'); og.textContent = password; masked.textContent = password.replace(/./g, '●'); return span; } function inputChanged() { const resetInput = document.getElementById('unlock-reset-input'); const resetBtn = document.getElementById('unlock-reset-btn'); if (resetInput.value.length > 0) { resetBtn.classList.remove('btn-hidden'); resetInput.classList.remove('input-no-btn'); } else { resetBtn.classList.add('btn-hidden'); resetInput.classList.add('input-no-btn'); } } function resetPassword(event) { event.preventDefault(); const password = document.querySelector('#unlock-reset-input').value; if (password.length > 0) { document.getElementById('copy').classList.remove('wait-password'); document.getElementById('copy-btn').disabled = false; emit('password', { password, file }); } return false; } function toggleResetInput(event) { const form = event.target.parentElement.querySelector('form'); const input = document.getElementById('unlock-reset-input'); if (form.style.visibility === 'hidden' || form.style.visibility === '') { form.style.visibility = 'visible'; input.focus(); } else { form.style.visibility = 'hidden'; } inputChanged(); } };