drop.chapril.org-firefoxsend/app/templates/uploadPassword.js

53 lines
1.6 KiB
JavaScript
Raw Normal View History

const html = require('choo/html');
module.exports = function(state, emit) {
const file = state.storage.getFileById(state.params.id);
const div = html`
<div class="selectPassword">
2017-10-23 16:36:07 +02:00
<div id="addPasswordWrapper">
<input id="addPassword" type="checkbox" autocomplete="off" onchange=${togglePasswordInput}/>
2017-10-23 16:36:07 +02:00
<label for="addPassword">
${state.translate('requirePasswordCheckbox')}</label>
</div>
<form class="setPassword hidden" onsubmit=${setPassword}>
<input id="unlock-input"
2017-10-25 16:50:37 +02:00
maxlength="64"
autocomplete="off"
placeholder="${state.translate('unlockInputPlaceholder')}"/>
<input type="submit"
id="unlock-btn"
class="btn"
value="${state.translate('addPasswordButton')}"/>
</form>
</div>`;
function togglePasswordInput(e) {
2017-10-24 19:00:27 +02:00
const unlockInput = document.getElementById('unlock-input');
const boxChecked = e.target.checked;
2017-11-02 00:36:45 +01:00
document
.querySelector('.setPassword')
.classList.toggle('hidden', !boxChecked);
document
.getElementById('copy')
2017-10-24 19:00:27 +02:00
.classList.toggle('wait-password', boxChecked);
document.getElementById('copy-btn').disabled = boxChecked;
if (boxChecked) {
unlockInput.focus();
} else {
unlockInput.value = '';
}
}
function setPassword(event) {
event.preventDefault();
const password = document.getElementById('unlock-input').value;
if (password.length > 0) {
document.getElementById('copy').classList.remove('wait-password');
document.getElementById('copy-btn').disabled = false;
emit('password', { password, file });
}
}
return div;
};