diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/user_settings/user_settings.js | 3 | ||||
| -rw-r--r-- | src/components/user_settings/user_settings.vue | 15 | ||||
| -rw-r--r-- | src/lib/persisted_state.js | 4 |
3 files changed, 19 insertions, 3 deletions
diff --git a/src/components/user_settings/user_settings.js b/src/components/user_settings/user_settings.js index d20bf308..3ad711c2 100644 --- a/src/components/user_settings/user_settings.js +++ b/src/components/user_settings/user_settings.js @@ -60,6 +60,9 @@ const UserSettings = { private: { selected: this.newDefaultScope === 'private' }, direct: { selected: this.newDefaultScope === 'direct' } } + }, + currentSaveStateNotice () { + return this.$store.state.interface.settings.currentSaveStateNotice } }, methods: { diff --git a/src/components/user_settings/user_settings.vue b/src/components/user_settings/user_settings.vue index d2381da2..d1770562 100644 --- a/src/components/user_settings/user_settings.vue +++ b/src/components/user_settings/user_settings.vue @@ -1,7 +1,20 @@ <template> <div class="settings panel panel-default"> <div class="panel-heading"> - {{$t('settings.user_settings')}} + <div class="title"> + {{$t('settings.user_settings')}} + </div> + <transition name="fade"> + <template v-if="currentSaveStateNotice"> + <div @click.prevent class="alert error" v-if="currentSaveStateNotice.error"> + {{ $t('settings.saving_err') }} + </div> + + <div @click.prevent class="alert transparent" v-if="!currentSaveStateNotice.error"> + {{ $t('settings.saving_ok') }} + </div> + </template> + </transition> </div> <div class="panel-body profile-edit"> <tab-switcher> diff --git a/src/lib/persisted_state.js b/src/lib/persisted_state.js index 6f7202ce..e828a74b 100644 --- a/src/lib/persisted_state.js +++ b/src/lib/persisted_state.js @@ -84,12 +84,12 @@ export default function createPersistedState ({ setState(key, reducer(state, paths), storage) .then(success => { if (typeof success !== 'undefined') { - if (mutation.type === 'setOption') { + if (mutation.type === 'setOption' || mutation.type === 'setCurrentUser') { store.dispatch('settingsSaved', { success }) } } }, error => { - if (mutation.type === 'setOption') { + if (mutation.type === 'setOption' || mutation.type === 'setCurrentUser') { store.dispatch('settingsSaved', { error }) } }) |