mirror of
https://github.com/sudoxnym/habitica.git
synced 2026-08-04 09:39:23 +00:00
90 lines
No EOL
4.4 KiB
Text
90 lines
No EOL
4.4 KiB
Text
extends ./layout
|
||
//Trick needed to pass 'env' to ./layout
|
||
block vars
|
||
- var layoutEnv = env
|
||
|
||
block title
|
||
title=env.t('titleFront')
|
||
|
||
block content
|
||
div(ng-app='habitrpg')
|
||
#wrap(ng-controller='AuthCtrl')
|
||
//-include ./header
|
||
.jumbotron.masthead
|
||
.container
|
||
h1
|
||
img(src='/bower_components/habitrpg-shared/img/logo/habitrpg_pixel.png', alt='HabitRPG')
|
||
p=env.t('synopsis')
|
||
a.btn.btn-primary.btn-small(ng-click='playButtonClick()')=env.t('playButton')
|
||
.container
|
||
p(style='height:600;')
|
||
iframe(src='//player.vimeo.com/video/76557040', width='100%', height='539', frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
|
||
|
||
.modal.fade#login-modal(style='display:none')
|
||
.modal-dialog
|
||
.modal-content
|
||
.modal-header
|
||
button.close(type='button', data-dismiss='modal', aria-hidden='true') ×
|
||
h4.modal-title=env.t('loginAndReg')
|
||
.modal-body
|
||
a(href='/auth/facebook')
|
||
img(src='/bower_components/habitrpg-shared/img/facebook-login-register.jpeg', alt=env.t('loginFacebookAlt'))
|
||
h3 Or
|
||
ul.nav.nav-tabs
|
||
li.active
|
||
a(data-toggle='tab',data-target='#login-tab')=env.t('login')
|
||
li
|
||
a(data-toggle='tab',data-target='#register-tab')=env.t('register')
|
||
|
||
.tab-content
|
||
.tab-pane.active#login-tab
|
||
form(ng-submit='auth()', method='POST')
|
||
.control-group
|
||
input(type='text', ng-model='loginUsername', placeholder=env.t('username'))
|
||
.control-group
|
||
input(type='password', ng-model='loginPassword', placeholder=env.t('password'))
|
||
//-.control-group
|
||
label.checkbox
|
||
input(type='checkbox', ng-click='useUUID = !useUUID')
|
||
| Use UUID / API Token (For Facebook Users)
|
||
.control-group
|
||
input.btn.btn-primary(type='submit', value=env.t('login'))
|
||
|
||
small=env.t('passMan')
|
||
|
||
// good god accordions have html ceremony
|
||
#forgot-password-accordion.accordion
|
||
.accordion-group
|
||
.accordion-heading
|
||
a.accordion-toggle(data-toggle='collapse', data-parent='#forgot-password-accordion', href='#forgot-password-group')=env.t('forgotPass')
|
||
#forgot-password-group.accordion-body.collapse
|
||
.accordion-inner
|
||
form#derby-auth-password-reset(ng-submit='passwordReset(passwordResetEmail)')
|
||
h3=env.t('emailNewPass')
|
||
//.alert.alert-success {.success.passwordReset}
|
||
//.control-group.{#if..errors.passwordReset}error{/}
|
||
.control-group
|
||
input(type='text', name='email', placeholder=env.t('email') , ng-model='passwordResetEmail')
|
||
//span.help-inline {.errors.passwordReset}
|
||
input.btn(type='submit', value=env.t('submit'))
|
||
|
||
|
||
|
||
|
||
.tab-pane#register-tab
|
||
form(ng-submit='register()', name='registrationForm')
|
||
.control-group
|
||
input(type='text', ng-model='registerVals.username', placeholder=env.t('username'), required)
|
||
.control-group
|
||
input(type='email', ng-model='registerVals.email', placeholder=env.t('email'), required)
|
||
.control-group
|
||
input(type='password', ng-model='registerVals.password', placeholder=env.t('password'), required)
|
||
.control-group
|
||
input(type='password', ng-model='registerVals.confirmPassword', placeholder=env.t('passConfirm'), required)
|
||
.control-group
|
||
small=env.t('accept1Terms')
|
||
a(href='/static/terms' target='_blank')=env.t('terms')
|
||
=env.t('accept2Terms')
|
||
a(href='/static/privacy' target='_blank')=env.t('privacy')
|
||
| .
|
||
input.btn.btn-primary(type='submit', value=env.t('register')) |