89 lines
2.1 KiB
JavaScript
89 lines
2.1 KiB
JavaScript
import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
|
|
|
|
import DataImportExportTab from './tabs/data_import_export_tab.vue'
|
|
import MutesAndBlocksTab from './tabs/mutes_and_blocks_tab.vue'
|
|
import NotificationsTab from './tabs/notifications_tab.vue'
|
|
import FilteringTab from './tabs/filtering_tab.vue'
|
|
import SecurityTab from './tabs/security_tab/security_tab.vue'
|
|
import ProfileTab from './tabs/profile_tab.vue'
|
|
import GeneralTab from './tabs/general_tab.vue'
|
|
import VersionTab from './tabs/version_tab.vue'
|
|
import ThemeTab from './tabs/theme_tab/theme_tab.vue'
|
|
|
|
import { library } from '@fortawesome/fontawesome-svg-core'
|
|
import {
|
|
faWrench,
|
|
faUser,
|
|
faFilter,
|
|
faPaintBrush,
|
|
faBell,
|
|
faDownload,
|
|
faEyeSlash,
|
|
faInfo
|
|
} from '@fortawesome/free-solid-svg-icons'
|
|
|
|
library.add(
|
|
faWrench,
|
|
faUser,
|
|
faFilter,
|
|
faPaintBrush,
|
|
faBell,
|
|
faDownload,
|
|
faEyeSlash,
|
|
faInfo
|
|
)
|
|
|
|
const SettingsModalContent = {
|
|
components: {
|
|
TabSwitcher,
|
|
|
|
DataImportExportTab,
|
|
MutesAndBlocksTab,
|
|
NotificationsTab,
|
|
FilteringTab,
|
|
SecurityTab,
|
|
ProfileTab,
|
|
GeneralTab,
|
|
VersionTab,
|
|
ThemeTab
|
|
},
|
|
computed: {
|
|
isLoggedIn () {
|
|
return !!this.$store.state.users.currentUser
|
|
},
|
|
open () {
|
|
return this.$store.state.interface.settingsModalState !== 'hidden'
|
|
},
|
|
bodyLock () {
|
|
return this.$store.state.interface.settingsModalState === 'visible'
|
|
}
|
|
},
|
|
methods: {
|
|
onOpen () {
|
|
const targetTab = this.$store.state.interface.settingsModalTargetTab
|
|
// We're being told to open in specific tab
|
|
if (targetTab) {
|
|
const tabIndex = this.$refs.tabSwitcher.$slots.default().findIndex(elm => {
|
|
return elm.props && elm.props['data-tab-name'] === targetTab
|
|
})
|
|
if (tabIndex >= 0) {
|
|
this.$refs.tabSwitcher.setTab(tabIndex)
|
|
}
|
|
}
|
|
// Clear the state of target tab, so that next time settings is opened
|
|
// it doesn't force it.
|
|
this.$store.dispatch('clearSettingsModalTargetTab')
|
|
}
|
|
},
|
|
mounted () {
|
|
this.onOpen()
|
|
},
|
|
watch: {
|
|
open: function (value) {
|
|
if (value) this.onOpen()
|
|
}
|
|
}
|
|
}
|
|
|
|
export default SettingsModalContent
|