diff --git a/client/components/nav-header.vue b/client/components/nav-header.vue index e84fbf12..5d033e62 100644 --- a/client/components/nav-header.vue +++ b/client/components/nav-header.vue @@ -58,7 +58,7 @@ color='blue' ) v-spacer - v-progress-circular.mr-3(indeterminate, color='blue', v-show='isLoading') + v-progress-circular.mr-3(indeterminate, color='blue', :size='22', :width='2' v-show='isLoading') slot(name='actions') transition(name='navHeaderSearch') v-btn(icon, @click='searchToggle', v-if='!searchIsShown') diff --git a/client/components/profile.vue b/client/components/profile.vue index 9e3ae15c..df30f1c6 100644 --- a/client/components/profile.vue +++ b/client/components/profile.vue @@ -41,6 +41,8 @@ import VueRouter from 'vue-router' import { mapState } from 'vuex' +/* global WIKI */ + const router = new VueRouter({ mode: 'history', base: '/p', @@ -53,6 +55,15 @@ const router = new VueRouter({ ] }) +router.beforeEach((to, from, next) => { + WIKI.$store.commit('loadingStart', 'profile') + next() +}) + +router.afterEach((to, from) => { + WIKI.$store.commit('loadingStop', 'profile') +}) + export default { data() { return { diff --git a/client/components/profile/preferences.vue b/client/components/profile/preferences.vue index c20ce0f1..9a9103bc 100644 --- a/client/components/profile/preferences.vue +++ b/client/components/profile/preferences.vue @@ -12,13 +12,32 @@ v-toolbar(color='primary', dark, dense, flat) v-toolbar-title .subheading Display - v-subheader Locale + v-card-text + v-subheader.pl-0 Locale + v-select.grey.lighten-5(solo, flat) + v-divider + v-subheader.pl-0 Timezone + v-select.grey.lighten-5(solo, flat) + v-divider.my-0 + v-card-actions.grey.lighten-4 + v-spacer + v-btn(color='primary') + v-icon(left) chevron_right + span Save v-flex(lg6 xs12) v-card v-toolbar(color='primary', dark, dense, flat) v-toolbar-title - .subheading --- - v-card-text --- + .subheading Editing + v-card-text + v-subheader.pl-0 Default Editor + v-select.grey.lighten-5(solo, flat) + v-divider.my-0 + v-card-actions.grey.lighten-4 + v-spacer + v-btn(color='primary') + v-icon(left) chevron_right + span Save diff --git a/client/components/profile/profile.vue b/client/components/profile/profile.vue index 83b252c6..621a5a50 100644 --- a/client/components/profile/profile.vue +++ b/client/components/profile/profile.vue @@ -1,40 +1,74 @@