Revamp login screens by moving login icons to the left,

due to issues with browser plugins like LastPass which place buttons on the right.
And added a TOTP icon
This commit is contained in:
djmaze 2021-11-16 12:35:11 +01:00
parent c46d4b8c02
commit 3bad2d5dbd
17 changed files with 118 additions and 212 deletions

View file

@ -7,14 +7,12 @@
placeholder = 'LOGIN/LABEL_TWO_FACTOR_CODE';
if (container) {
container.prepend(Element.fromHTML('<div class="controls">'
+ '<div class="input-append">'
+ '<input name="totp_code" type="text" class="input-block-level inputIcon"'
+ ' pattern="[0-9]*" inputmode="numeric"'
+ ' autocomplete="off" autocorrect="off" autocapitalize="none" spellcheck="false"'
+ ' data-bind="textInput: totp, disable: submitRequest" data-i18n="[placeholder]'+placeholder
+ '" placeholder="'+rl.i18n(placeholder)+'">'
+ '<i class="add-on fontastic">🔑</i>'
+ '</div>'
+ '<span class="fontastic">⏱</span>'
+ '<input name="totp_code" type="text" class="input-block-level"'
+ ' pattern="[0-9]*" inputmode="numeric"'
+ ' autocomplete="off" autocorrect="off" autocapitalize="none" spellcheck="false"'
+ ' data-bind="textInput: totp, disable: submitRequest" data-i18n="[placeholder]'+placeholder
+ '" placeholder="'+rl.i18n(placeholder)+'">'
+ '</div>'));
}
}