133 lines
3.6 KiB
JavaScript
133 lines
3.6 KiB
JavaScript
import { mapActions, mapState } from 'pinia'
|
|
|
|
import { USERNAME_ROUTES } from 'src/components/navigation/navigation.js'
|
|
import UserCard from 'src/components/user_card/user_card.vue'
|
|
import GestureService from '../../services/gesture_service/gesture_service'
|
|
import { unseenNotifications } from '../../services/notification_utils/notification_utils'
|
|
|
|
import { useAnnouncementsStore } from 'src/stores/announcements'
|
|
import { useChatsStore } from 'src/stores/chats.js'
|
|
import { useDraftsStore } from 'src/stores/drafts.js'
|
|
import { useFollowRequestsStore } from 'src/stores/follow_requests.js'
|
|
import { useInstanceStore } from 'src/stores/instance.js'
|
|
import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
|
|
import { useInterfaceStore } from 'src/stores/interface'
|
|
import { useMergedConfigStore } from 'src/stores/merged_config.js'
|
|
import { useShoutStore } from 'src/stores/shout'
|
|
import { useUsersStore } from 'src/stores/users.js'
|
|
|
|
import { library } from '@fortawesome/fontawesome-svg-core'
|
|
import {
|
|
faBell,
|
|
faBullhorn,
|
|
faCog,
|
|
faComments,
|
|
faCompass,
|
|
faFilePen,
|
|
faHome,
|
|
faInfoCircle,
|
|
faList,
|
|
faSearch,
|
|
faSignInAlt,
|
|
faSignOutAlt,
|
|
faTachometerAlt,
|
|
faUserPlus,
|
|
} from '@fortawesome/free-solid-svg-icons'
|
|
|
|
library.add(
|
|
faSignInAlt,
|
|
faSignOutAlt,
|
|
faHome,
|
|
faComments,
|
|
faBell,
|
|
faUserPlus,
|
|
faBullhorn,
|
|
faSearch,
|
|
faTachometerAlt,
|
|
faCog,
|
|
faInfoCircle,
|
|
faCompass,
|
|
faList,
|
|
faFilePen,
|
|
)
|
|
|
|
const SideDrawer = {
|
|
props: ['logout'],
|
|
data: () => ({
|
|
closed: true,
|
|
closeGesture: undefined,
|
|
}),
|
|
created() {
|
|
this.closeGesture = GestureService.swipeGesture(
|
|
GestureService.DIRECTION_LEFT,
|
|
this.toggleDrawer,
|
|
)
|
|
},
|
|
components: {
|
|
UserCard,
|
|
},
|
|
computed: {
|
|
currentUser() {
|
|
return useUsersStore().currentUser
|
|
},
|
|
shout() {
|
|
return useShoutStore().joined
|
|
},
|
|
unseenNotifications() {
|
|
return unseenNotifications(
|
|
useMergedConfigStore().mergedConfig.notificationVisibility,
|
|
useMergedConfigStore().mergedConfig.ignoreInactionableSeen,
|
|
)
|
|
},
|
|
unseenNotificationsCount() {
|
|
return this.unseenNotifications.length
|
|
},
|
|
timelinesRoute() {
|
|
let name
|
|
if (useInterfaceStore().lastTimeline) {
|
|
name = useInterfaceStore().lastTimeline
|
|
}
|
|
name = this.currentUser ? 'friends' : 'public-timeline'
|
|
if (USERNAME_ROUTES.has(name)) {
|
|
return { name, params: { username: this.currentUser.screen_name } }
|
|
} else {
|
|
return { name }
|
|
}
|
|
},
|
|
...mapState(useFollowRequestsStore, ['followRequestsCount']),
|
|
...mapState(useAnnouncementsStore, [
|
|
'supportsAnnouncements',
|
|
'unreadAnnouncementsCount',
|
|
]),
|
|
...mapState(useInstanceCapabilitiesStore, [
|
|
'pleromaChatMessagesAvailable',
|
|
'suggestionsEnabled',
|
|
]),
|
|
...mapState(useInstanceStore, ['privateMode', 'federating']),
|
|
...mapState(useInstanceStore, {
|
|
logo: (store) => store.instanceIdentity.logo,
|
|
sitename: (store) => store.instanceIdentity.name,
|
|
hideSitename: (store) => store.instanceIdentity.hideSitename,
|
|
}),
|
|
...mapState(useChatsStore, ['unreadChatsCount']),
|
|
...mapState(useDraftsStore, ['draftsCount']),
|
|
},
|
|
methods: {
|
|
toggleDrawer() {
|
|
this.closed = !this.closed
|
|
},
|
|
doLogout() {
|
|
this.logout()
|
|
this.toggleDrawer()
|
|
},
|
|
touchStart(e) {
|
|
GestureService.beginSwipe(e, this.closeGesture)
|
|
},
|
|
touchMove(e) {
|
|
GestureService.updateSwipe(e, this.closeGesture)
|
|
},
|
|
...mapActions(useInterfaceStore, ['openSettingsModal']),
|
|
},
|
|
}
|
|
|
|
export default SideDrawer
|