| 1 | extends layout |
| 2 | |
| 3 | block stylesheets |
| 4 | link(rel="stylesheet", href="/stylesheets/login.css") |
| 5 | |
| 6 | block content |
| 7 | .container#login |
| 8 | .row |
| 9 | .col.s12.m10.offset-m1.l8.offset-l2.xl6.offset-xl3 |
| 10 | .card#form |
| 11 | form(@submit.prevent="submit") |
| 12 | .input-field |
| 13 | input#email.validate(type="email", ref="userEmail", v-model="user.email", required) |
| 14 | label(for="email") Email |
| 15 | .input-field(v-show="stage=='register'") |
| 16 | input#name.validate(type="text", v-model="user.name", :required="stage=='register'") |
| 17 | label(for="name") Name |
| 18 | #submit.center-align |
| 19 | button#submit.waves-effect.waves-light.btn(@click.prevent="submit") |
| 20 | span {{ messages[stage] }} |
| 21 | i.material-icons.right send |
| 22 | #toggle.center-align |
| 23 | span(v-show="stage!='login'", @click="toggleStage('login')") Login |
| 24 | span(v-show="stage!='register'", @click="toggleStage('register')") Register |
| 25 | .card#dialog.hide |
| 26 | |
| 27 | block javascripts |
| 28 | script(src="/javascripts/utils/dialog.js") |
| 29 | script(src="/javascripts/utils/validation.js") |
| 30 | script(src="/javascripts/login.js") |