Commit | Line | Data |
---|---|---|
8d7e2786 BA |
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") |