diff options
Diffstat (limited to 'src/components/settings_modal/settings_modal.vue')
| -rw-r--r-- | src/components/settings_modal/settings_modal.vue | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/src/components/settings_modal/settings_modal.vue b/src/components/settings_modal/settings_modal.vue new file mode 100644 index 00000000..9e35d3f6 --- /dev/null +++ b/src/components/settings_modal/settings_modal.vue @@ -0,0 +1,31 @@ +<template> +<Modal + v-if="isLoggedIn && !resettingForm" + :is-open="modalActivated" + class="settings-modal" + > + <div class="settings-modal-panel panel"> + <div class="panel-heading"> + {{ $t('settings.settings') }} + </div> + <div class="panel-body"> + <tab-switcher + class="settings_tab-switcher" + :sideTabBar="true" + :scrollableTabs="true" + ref="tabSwitcher" + > + <div :label="$t('settings.profile_tab')"><Profile /></div> + <div :label="$t('settings.security_tab')"><Security /></div> + <div :label="$t('settings.notifications')"><Notifications /></div> + <div :label="$t('settings.data_import_export_tab')"><DataImportExport /></div> + <div :label="$t('settings.mutes_and_blocks')"><MutesAndBlocks /></div> + </tab-switcher> + </div> + </div> +</Modal> +</template> + +<script src="./settings_modal.js"></script> + +<style src="./settings_modal.scss" lang="scss"></style> |