summaryrefslogtreecommitdiff
path: root/src/client/sidebar.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/sidebar.ts')
-rw-r--r--src/client/sidebar.ts139
1 files changed, 139 insertions, 0 deletions
diff --git a/src/client/sidebar.ts b/src/client/sidebar.ts
new file mode 100644
index 0000000000..b8a2b8a7c3
--- /dev/null
+++ b/src/client/sidebar.ts
@@ -0,0 +1,139 @@
+import { faBell, faComments, faEnvelope } from '@fortawesome/free-regular-svg-icons';
+import { faAt, faBroadcastTower, faCloud, faColumns, faDoorClosed, faFileAlt, faFireAlt, faGamepad, faHashtag, faListUl, faSatellite, faSatelliteDish, faSearch, faStar, faTerminal, faUserClock, faUsers } from '@fortawesome/free-solid-svg-icons';
+import { computed, defineAsyncComponent } from 'vue';
+import { store } from '@/store';
+import { deckmode } from '@/config';
+import { search } from '@/scripts/search';
+import { popout } from '@/scripts/popout';
+import { router } from '@/router';
+import * as os from '@/os';
+
+export const sidebarDef = {
+ notifications: {
+ title: 'notifications',
+ icon: faBell,
+ show: computed(() => store.getters.isSignedIn),
+ indicated: computed(() => store.getters.isSignedIn && store.state.i.hasUnreadNotification),
+ to: '/my/notifications',
+ },
+ messaging: {
+ title: 'messaging',
+ icon: faComments,
+ show: computed(() => store.getters.isSignedIn),
+ indicated: computed(() => store.getters.isSignedIn && store.state.i.hasUnreadMessagingMessage),
+ action: () => {
+ switch (store.state.device.chatOpenBehavior) {
+ case 'window': { os.pageWindow('/my/messaging', defineAsyncComponent(() => import('@/pages/messaging/index.vue'))); break; }
+ case 'popout': { popout('/my/messaging'); break; }
+ default: { router.push('/my/messaging'); break; }
+ }
+ }
+ },
+ drive: {
+ title: 'drive',
+ icon: faCloud,
+ show: computed(() => store.getters.isSignedIn),
+ to: '/my/drive',
+ },
+ followRequests: {
+ title: 'followRequests',
+ icon: faUserClock,
+ show: computed(() => store.getters.isSignedIn && store.state.i.isLocked),
+ indicated: computed(() => store.getters.isSignedIn && store.state.i.hasPendingReceivedFollowRequest),
+ to: '/my/follow-requests',
+ },
+ featured: {
+ title: 'featured',
+ icon: faFireAlt,
+ to: '/featured',
+ },
+ explore: {
+ title: 'explore',
+ icon: faHashtag,
+ to: '/explore',
+ },
+ announcements: {
+ title: 'announcements',
+ icon: faBroadcastTower,
+ indicated: computed(() => store.getters.isSignedIn && store.state.i.hasUnreadAnnouncement),
+ to: '/announcements',
+ },
+ search: {
+ title: 'search',
+ icon: faSearch,
+ action: () => search(),
+ },
+ lists: {
+ title: 'lists',
+ icon: faListUl,
+ show: computed(() => store.getters.isSignedIn),
+ to: '/my/lists',
+ },
+ groups: {
+ title: 'groups',
+ icon: faUsers,
+ show: computed(() => store.getters.isSignedIn),
+ to: '/my/groups',
+ },
+ antennas: {
+ title: 'antennas',
+ icon: faSatellite,
+ show: computed(() => store.getters.isSignedIn),
+ to: '/my/antennas',
+ },
+ mentions: {
+ title: 'mentions',
+ icon: faAt,
+ show: computed(() => store.getters.isSignedIn),
+ indicated: computed(() => store.getters.isSignedIn && store.state.i.hasUnreadMentions),
+ to: '/my/mentions',
+ },
+ messages: {
+ title: 'directNotes',
+ icon: faEnvelope,
+ show: computed(() => store.getters.isSignedIn),
+ indicated: computed(() => store.getters.isSignedIn && store.state.i.hasUnreadSpecifiedNotes),
+ to: '/my/messages',
+ },
+ favorites: {
+ title: 'favorites',
+ icon: faStar,
+ show: computed(() => store.getters.isSignedIn),
+ to: '/my/favorites',
+ },
+ pages: {
+ title: 'pages',
+ icon: faFileAlt,
+ show: computed(() => store.getters.isSignedIn),
+ to: '/my/pages',
+ },
+ channels: {
+ title: 'channel',
+ icon: faSatelliteDish,
+ to: '/channels',
+ },
+ games: {
+ title: 'games',
+ icon: faGamepad,
+ to: '/games',
+ },
+ scratchpad: {
+ title: 'scratchpad',
+ icon: faTerminal,
+ to: '/scratchpad',
+ },
+ rooms: {
+ title: 'rooms',
+ icon: faDoorClosed,
+ show: computed(() => store.getters.isSignedIn),
+ to: computed(() => `/@${store.state.i.username}/room`),
+ },
+ deck: {
+ title: deckmode ? 'undeck' : 'deck',
+ icon: faColumns,
+ action: () => {
+ localStorage.setItem('deckmode', (!deckmode).toString());
+ location.reload();
+ },
+ },
+};