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

Add create account form to /login view

This commit is contained in:
Robbie Antenesse 2019-09-13 23:34:58 -06:00
parent 2ea0015e70
commit 8721810bc6
2 changed files with 58 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/i18n/locales/en.json
View File

@ -12,9 +12,15 @@
"logged_out_join_now": "Join Now!"
},
"login": {
"log_in": "Log In",
"email": "Email",
"password": "Password",
"login_button": "Log In!"
"login_button": "Log In!",
"create_account": "Create a New Account",
"confirm_password": "Confirm Password",
"username": "Username",
"display_name": "Display Name",
"create_account_button": "Create Account!"
},
"search": {
"header": "Search",

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

@ -8,19 +8,56 @@ export const loginView = (state, emit) => {
return html`<section>
<article class="card">
<div class="container wide">
<label>
<span>${i18n.__('login.email')}</span>
<input type="email" name="email">
</label>
<label>
<span>${i18n.__('login.password')}</span>
<input type="password" name="password">
</label>
<input type="submit" value="${i18n.__('login.login_button')}">
<div class="flex one two-700">
<div>
<article class="card">
<header>
<h3>${i18n.__('login.log_in')}</h3>
</header>
<footer>
<label>
<span>${i18n.__('login.email')}</span>
<input type="email" name="email">
</label>
<label>
<span>${i18n.__('login.password')}</span>
<input type="password" name="password">
</label>
<input type="submit" value="${i18n.__('login.login_button')}">
</footer>
</article>
</div>
<div>
<article class="card">
<header>
<h3>${i18n.__('login.create_account')}</h3>
</header>
<footer>
<label>
<span>${i18n.__('login.email')}</span>
<input type="email" name="new_email">
</label>
<label>
<span>${i18n.__('login.password')}</span>
<input type="password" name="new_password">
</label>
<label>
<span>${i18n.__('login.confirm_password')}</span>
<input type="password" name="confirm_password">
</label>
<label>
<span>${i18n.__('login.username')}</span>
<input type="text" name="new_username">
</label>
<label>
<span>${i18n.__('login.display_name')}</span>
<input type="text" name="new_displayname">
</label>
<input type="submit" class="success" value="${i18n.__('login.create_account_button')}">
</footer>
</article>
</div>
</div>
</article>
</section>`;
</section>`;
}