diff options
| author | Henry Jameson <me@hjkos.com> | 2020-05-25 03:14:41 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-05-25 03:14:41 +0300 |
| commit | 1e606d2f268e796a3efd2a995713c70a000daf62 (patch) | |
| tree | 26f67bec7f423028fb29cfac1b9a14ea6a485349 /src/components/settings_modal/settings_modal.vue | |
| parent | a872c53472a46973a18808254f9d812b074bb0ee (diff) | |
split modal's content into another component, add lazy loading
Diffstat (limited to 'src/components/settings_modal/settings_modal.vue')
| -rw-r--r-- | src/components/settings_modal/settings_modal.vue | 77 |
1 files changed, 4 insertions, 73 deletions
diff --git a/src/components/settings_modal/settings_modal.vue b/src/components/settings_modal/settings_modal.vue index 741c15c4..b9c0689e 100644 --- a/src/components/settings_modal/settings_modal.vue +++ b/src/components/settings_modal/settings_modal.vue @@ -5,79 +5,10 @@ :class="{ peek: modalPeeked }" :no-background="modalPeeked" > - <div class="settings-modal-panel panel"> - <div class="panel-heading"> - <span class="title"> - {{ $t('settings.settings') }} - </span> - <button class="btn" @click="peekModal"> - {{ $t('general.peek') }} - </button> - <button class="btn" @click="closeModal"> - {{ $t('general.close') }} - </button> - </div> - <div class="panel-body"> - <tab-switcher - class="settings_tab-switcher" - :sideTabBar="true" - :scrollableTabs="true" - ref="tabSwitcher" - > - <div - :label="$t('settings.general')" - > - <GeneralTab /> - </div> - <div v-if="isLoggedIn" - :label="$t('settings.profile_tab')" - > - <ProfileTab /> - </div> - <div - v-if="isLoggedIn" - :label="$t('settings.security_tab')" - > - <SecurityTab /> - </div> - <div - :label="$t('settings.filtering')" - > - <FilteringTab /> - </div> - <div - :label="$t('settings.theme')" - > - <ThemeTab /> - </div> - <div - v-if="isLoggedIn" - :label="$t('settings.notifications')" - > - <NotificationsTab /> - </div> - <div - v-if="isLoggedIn" - :label="$t('settings.data_import_export_tab')" - > - <DataImportExportTab /> - </div> - <div - v-if="isLoggedIn" - :label="$t('settings.mutes_and_blocks')" - :fullHeight="true" - class="full-height" - > - <MutesAndBlocksTab /> - </div> - <div - :label="$t('settings.version.title')" - > - <VersionTab /> - </div> - </tab-switcher> - </div> - </div> + <SettingsModalContent + v-if="modalActivated" + class="modal-panel" + /> </Modal> </template> |