diff options
Diffstat (limited to 'src/components/settings_modal/settings_modal.vue')
| -rw-r--r-- | src/components/settings_modal/settings_modal.vue | 45 |
1 files changed, 41 insertions, 4 deletions
diff --git a/src/components/settings_modal/settings_modal.vue b/src/components/settings_modal/settings_modal.vue index b6ca5c6b..ded02f4a 100644 --- a/src/components/settings_modal/settings_modal.vue +++ b/src/components/settings_modal/settings_modal.vue @@ -5,10 +5,47 @@ :class="{ peek: modalPeeked }" :no-background="modalPeeked" > - <SettingsModalContent - v-if="modalActivated" - class="modal-panel" - /> + <div class="settings-modal-panel panel"> + <div class="panel-heading"> + <span class="title"> + {{ $t('settings.settings') }} + </span> + <transition name="fade"> + <template v-if="currentSaveStateNotice"> + <div + v-if="currentSaveStateNotice.error" + class="alert error" + @click.prevent + > + {{ $t('settings.saving_err') }} + </div> + + <div + v-if="!currentSaveStateNotice.error" + class="alert transparent" + @click.prevent + > + {{ $t('settings.saving_ok') }} + </div> + </template> + </transition> + <button + class="btn" + @click="peekModal" + > + {{ $t('general.peek') }} + </button> + <button + class="btn" + @click="closeModal" + > + {{ $t('general.close') }} + </button> + </div> + <div class="panel-body"> + <SettingsModalContent v-if="modalActivated" /> + </div> + </div> </Modal> </template> |