74 lines
1.6 KiB
JavaScript
74 lines
1.6 KiB
JavaScript
import TimelineMenuContent from '../timeline_menu/timeline_menu_content.vue'
|
|
import ListsMenuContent from '../lists_menu/lists_menu_content.vue'
|
|
import { mapState, mapGetters } from 'vuex'
|
|
|
|
import { library } from '@fortawesome/fontawesome-svg-core'
|
|
import {
|
|
faUsers,
|
|
faGlobe,
|
|
faBookmark,
|
|
faEnvelope,
|
|
faChevronDown,
|
|
faChevronUp,
|
|
faComments,
|
|
faBell,
|
|
faInfoCircle,
|
|
faStream,
|
|
faList
|
|
} from '@fortawesome/free-solid-svg-icons'
|
|
|
|
library.add(
|
|
faUsers,
|
|
faGlobe,
|
|
faBookmark,
|
|
faEnvelope,
|
|
faChevronDown,
|
|
faChevronUp,
|
|
faComments,
|
|
faBell,
|
|
faInfoCircle,
|
|
faStream,
|
|
faList
|
|
)
|
|
|
|
const NavPanel = {
|
|
created () {
|
|
if (this.currentUser && this.currentUser.locked) {
|
|
this.$store.dispatch('startFetchingFollowRequests')
|
|
}
|
|
},
|
|
components: {
|
|
TimelineMenuContent,
|
|
ListsMenuContent
|
|
},
|
|
data () {
|
|
return {
|
|
showTimelines: false,
|
|
showLists: false
|
|
}
|
|
},
|
|
methods: {
|
|
toggleTimelines () {
|
|
this.showTimelines = !this.showTimelines
|
|
},
|
|
toggleLists () {
|
|
this.showLists = !this.showLists
|
|
}
|
|
},
|
|
computed: {
|
|
listsNavigation () {
|
|
return this.$store.getters.mergedConfig.listsNavigation
|
|
},
|
|
...mapState({
|
|
currentUser: state => state.users.currentUser,
|
|
followRequestCount: state => state.api.followRequests.length,
|
|
privateMode: state => state.instance.private,
|
|
federating: state => state.instance.federating,
|
|
pleromaChatMessagesAvailable: state => state.instance.pleromaChatMessagesAvailable
|
|
}),
|
|
...mapGetters(['unreadChatCount'])
|
|
}
|
|
}
|
|
|
|
export default NavPanel
|