diff --git a/app/templates/passwordInput/index.js b/app/templates/passwordInput/index.js index 98623fd0..b48af8c6 100644 --- a/app/templates/passwordInput/index.js +++ b/app/templates/passwordInput/index.js @@ -1,4 +1,5 @@ const html = require('choo/html'); +const MAX_LENGTH = 32; module.exports = function(file, state, emit) { const loading = state.settingPassword; @@ -26,7 +27,7 @@ module.exports = function(file, state, emit) { -
${message( - loading, - pwd, - state.translate('passwordIsSet') - )}
- - `; + + `; function inputChanged() { - const pwdmsg = document.querySelector('.passwordInput__msg'); - if (pwdmsg) { - pwdmsg.textContent = ''; - } const resetInput = document.getElementById('password-input'); const resetBtn = document.getElementById('password-btn'); - if (resetInput.value.length > 0) { + const pwdmsg = document.querySelector('.passwordInput__msg'); + const length = resetInput.value.length; + + if (length === MAX_LENGTH) { + pwdmsg.textContent = state.translate('maxPasswordLength', { + length: MAX_LENGTH + }); + } else { + pwdmsg.textContent = ''; + } + if (length > 0) { resetBtn.classList.remove('inputBtn--hidden'); resetInput.classList.remove('input--noBtn'); } else { diff --git a/public/locales/en-US/send.ftl b/public/locales/en-US/send.ftl index f0509943..0d48f0c9 100644 --- a/public/locales/en-US/send.ftl +++ b/public/locales/en-US/send.ftl @@ -103,8 +103,6 @@ requirePasswordCheckbox = Require a password to download this file addPasswordButton = Add password changePasswordButton = Change passwordTryAgain = Incorrect password. Try again. -# This label is followed by the password needed to download a file -passwordResult = Password: { $password } reportIPInfringement = Report IP Infringement javascriptRequired = Firefox Send requires JavaScript whyJavascript = Why does Firefox Send require JavaScript? @@ -115,3 +113,7 @@ expiresHoursMinutes = { $hours }h { $minutes }m expiresMinutes = { $minutes }m # A short status message shown when a password is successfully set passwordIsSet = Password set +# A short status message shown when the user enters a long password +maxPasswordLength = Maximum password length: { $length } +# A short status message shown when there was an error setting the password +passwordError = The password could not be set