views/login_register.pug

   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")