Alamantus
/
Readlebee
mirror of https://gitlab.com/Alamantus/Readlebee.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Improve login/create account forms

This commit is contained in:
Robbie Antenesse 2019-10-26 11:48:24 -06:00
parent 78658483a6
commit 2ccee904da
1 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app/views/login/index.js
View File

@ -48,6 +48,7 @@ export const loginView = (state, emit, i18n) => {
<input type="email" name="email" <input type="email" name="email"
value=${controller.state.fieldValues.loginEmail} value=${controller.state.fieldValues.loginEmail}
oninput=${e => controller.state.fieldValues.loginEmail = e.target.value.trim()} oninput=${e => controller.state.fieldValues.loginEmail = e.target.value.trim()}
onkeyup=${e => { if (e.key === 'Enter') controller.validateLogin() }}
> >
</label> </label>
<label> <label>
@ -55,12 +56,13 @@ export const loginView = (state, emit, i18n) => {
<input type="password" name="password" <input type="password" name="password"
value=${controller.state.fieldValues.loginPassword} value=${controller.state.fieldValues.loginPassword}
oninput=${e => controller.state.fieldValues.loginPassword = e.target.value} oninput=${e => controller.state.fieldValues.loginPassword = e.target.value}
onkeyup=${e => { if (e.key === 'Enter') controller.validateLogin() }}
> >
</label> </label>
${ ${
controller.state.loginError === '' controller.state.loginError === ''
? null ? null
: html`<div class="error card">${controller.state.loginError}</div>` : html`<div class="error card"><header>${controller.state.loginError}</header></div>`
} }
<button ${controller.state.isChecking ? 'disabled' : null} <button ${controller.state.isChecking ? 'disabled' : null}
onclick=${() => controller.validateLogin()} onclick=${() => controller.validateLogin()}
@ -86,31 +88,35 @@ export const loginView = (state, emit, i18n) => {
: html`<div class="success card"><header>${controller.state.createMessage}</header></div>` : html`<div class="success card"><header>${controller.state.createMessage}</header></div>`
} }
<label> <label>
<span>${__('login.email')}</span> <span title=${__('interaction.required')}>${__('login.email')}*</span>
<input type="email" name="new_email" <input type="email" name="new_email" required
value=${controller.state.fieldValues.createEmail} value=${controller.state.fieldValues.createEmail}
oninput=${e => controller.state.fieldValues.createEmail = e.target.value.trim()} oninput=${e => controller.state.fieldValues.createEmail = e.target.value.trim()}
onkeyup=${e => { if (e.key === 'Enter') controller.validateCreateAccount() }}
> >
</label> </label>
<label> <label>
<span>${__('login.password')}</span> <span title=${__('interaction.required')}>${__('login.password')}*</span>
<input type="password" name="new_password" <input type="password" name="new_password" required
value=${controller.state.fieldValues.createPassword} value=${controller.state.fieldValues.createPassword}
oninput=${e => controller.state.fieldValues.createPassword = e.target.value} oninput=${e => controller.state.fieldValues.createPassword = e.target.value}
onkeyup=${e => { if (e.key === 'Enter') controller.validateCreateAccount() }}
> >
</label> </label>
<label> <label>
<span>${__('login.confirm_password')}</span> <span title=${__('interaction.required')}>${__('login.confirm_password')}*</span>
<input type="password" name="confirm_password" <input type="password" name="confirm_password" required
value=${controller.state.fieldValues.createConfirm} value=${controller.state.fieldValues.createConfirm}
oninput=${e => controller.state.fieldValues.createConfirm = e.target.value} oninput=${e => controller.state.fieldValues.createConfirm = e.target.value}
onkeyup=${e => { if (e.key === 'Enter') controller.validateCreateAccount() }}
> >
</label> </label>
<label> <label>
<span>${__('login.username')}</span> <span title=${__('interaction.required')}>${__('login.username')}*</span>
<input type="text" name="new_username" <input type="text" name="new_username" required
value=${controller.state.fieldValues.createUsername} value=${controller.state.fieldValues.createUsername}
oninput=${e => controller.state.fieldValues.createUsername = e.target.value.trim()} oninput=${e => controller.state.fieldValues.createUsername = e.target.value.trim()}
onkeyup=${e => { if (e.key === 'Enter') controller.validateCreateAccount() }}
> >
</label> </label>
<label> <label>
@ -118,6 +124,7 @@ export const loginView = (state, emit, i18n) => {
<input type="text" name="new_displayname" <input type="text" name="new_displayname"
value=${controller.state.fieldValues.createDisplayName} value=${controller.state.fieldValues.createDisplayName}
oninput=${e => controller.state.fieldValues.createDisplayName = e.target.value.trim()} oninput=${e => controller.state.fieldValues.createDisplayName = e.target.value.trim()}
onkeyup=${e => { if (e.key === 'Enter') controller.validateCreateAccount() }}
> >
</label> </label>
${ ${