| 1 | extends layout |
| 2 | |
| 3 | block css |
| 4 | link(rel="stylesheet", href="/stylesheets/settings.css") |
| 5 | |
| 6 | block content |
| 7 | .mui-container-fluid |
| 8 | .mui-row |
| 9 | .mui-col-xs-12.mui-col-sm-10.mui-col-sm-offset-1.mui-col-md-8.mui-col-md-offset-2.mui-col-lg-6.mui-col-lg-offset-3.mui--z1.white.pad-updown.pad-sides |
| 10 | form#settingsForm(@submit.prevent="submit") |
| 11 | .mui-textfield.mui-textfield--float-label |
| 12 | input#email(type="email" ref="userEmail" v-model="user.email") |
| 13 | label#labEmail.active(for="email") Email |
| 14 | .mui-textfield.mui-textfield--float-label |
| 15 | input#name(type="text" v-model="user.name") |
| 16 | label#labName.active(for="name") Name |
| 17 | p |
| 18 | span Theme |
| 19 | button(v-for="theme in themes" class="theme-btn mui-btn grey" |
| 20 | :class="themeClass(theme)" @click.prevent="toggleTheme(theme)") |
| 21 | | {{ theme }} |
| 22 | .mui-radio |
| 23 | input#notify(type="checkbox" v-model="user.notify") |
| 24 | label(for="notify") Notify new moves & games |
| 25 | button#submit.mui-btn.mui-btn--primary(@click.prevent="submit") |
| 26 | span Apply |
| 27 | i.material-icons.right send |
| 28 | #dialog.mui--hide.space-top |
| 29 | |
| 30 | block javascripts |
| 31 | script(src="//cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js") |
| 32 | script(src="/javascripts/utils/dialog.js") |
| 33 | script(src="/javascripts/utils/validation.js") |
| 34 | script. |
| 35 | var user = !{JSON.stringify(user)}; |
| 36 | script(src="/javascripts/settings.js") |