| 1 | extends layout |
| 2 | |
| 3 | block css |
| 4 | link(rel="stylesheet", href="/stylesheets/login.css") |
| 5 | |
| 6 | block content |
| 7 | .mui-container |
| 8 | .row |
| 9 | .mui-col.xs-12.mui-col-sm-8.mui-col-sm-offset-2.mui-col-md-6.mui-col-md-offset-3.mui-col-lg-4.mui-col-lg-offset-4.mui--z1.white.pad-updown.pad-sides |
| 10 | form#loginForm(@submit.prevent="submit") |
| 11 | .mui-textfield.mui-textfield--float-label |
| 12 | input#email(type="email" ref="userEmail" v-model="user.email") |
| 13 | label#labEmail(for="email") Email |
| 14 | .mui-textfield.mui-textfield--float-label(v-show="stage == 'Register'") |
| 15 | input#name(type="text" v-model="user.name") |
| 16 | label#labName(for="name") Name |
| 17 | .mui--pull-left.space-bottom.space-top |
| 18 | button#submit.mui-btn.mui-btn--primary(@click.prevent="submit") |
| 19 | span {{ stage=="Login" ? "Go" : "Send" }} |
| 20 | i.material-icons.right send |
| 21 | .mui--pull-right.space-bottom.space-top |
| 22 | p |
| 23 | button.mui-btn.mui-btn--accent(@click.prevent="toggleStage()") |
| 24 | span {{ stage=="Login" ? "Register" : "Login" }} |
| 25 | #dialog.mui--hide.space-top |
| 26 | |
| 27 | block javascripts |
| 28 | script(src="//cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js") |
| 29 | script(src="/javascripts/utils/dialog.js") |
| 30 | script(src="/javascripts/utils/validation.js") |
| 31 | script(src="/javascripts/login.js") |