import { computed, ref, reactive } from "vue"; import { $i } from "./account"; import { search } from "@/scripts/search"; import * as os from "@/os"; import { i18n } from "@/i18n"; import { ui } from "@/config"; import { unisonReload } from "@/scripts/unison-reload"; export const navbarItemDef = reactive({ notifications: { title: "notifications", icon: "ph-bell-bold ph-lg", show: computed(() => $i != null), indicated: computed(() => $i?.hasUnreadNotification), to: "/my/notifications", }, messaging: { title: "messaging", icon: "ph-chats-teardrop-bold ph-lg", show: computed(() => $i != null), indicated: computed(() => $i?.hasUnreadMessagingMessage), to: "/my/messaging", }, drive: { title: "drive", icon: "ph-cloud-bold ph-lg", show: computed(() => $i != null), to: "/my/drive", }, followRequests: { title: "followRequests", icon: "ph-hand-waving-bold ph-lg", show: computed(() => $i?.isLocked), indicated: computed(() => $i?.hasPendingReceivedFollowRequest), to: "/my/follow-requests", }, explore: { title: "explore", icon: "ph-compass-bold ph-lg", to: "/explore", }, announcements: { title: "announcements", icon: "ph-megaphone-simple-bold ph-lg", indicated: computed(() => $i?.hasUnreadAnnouncement), to: "/announcements", }, search: { title: "search", icon: "ph-magnifying-glass-bold ph-lg", action: () => search(), }, lists: { title: "lists", icon: "ph-list-bullets-bold ph-lg", show: computed(() => $i != null), to: "/my/lists", }, /* groups: { title: 'groups', icon: 'ph-users-three-bold ph-lg', show: computed(() => $i != null), to: '/my/groups', }, */ antennas: { title: "antennas", icon: "ph-flying-saucer-bold ph-lg", show: computed(() => $i != null), to: "/my/antennas", }, favorites: { title: "favorites", icon: "ph-bookmark-simple-bold ph-lg", show: computed(() => $i != null), to: "/my/favorites", }, pages: { title: "pages", icon: "ph-file-text-bold ph-lg", to: "/pages", }, gallery: { title: "gallery", icon: "ph-image-square-bold ph-lg", to: "/gallery", }, clips: { title: "clip", icon: "ph-paperclip-bold ph-lg", show: computed(() => $i != null), to: "/my/clips", }, channels: { title: "channel", icon: "ph-television-bold ph-lg", to: "/channels", }, groups: { title: "groups", icon: "ph-users-three-bold ph-lg", to: "/my/groups", }, ui: { title: "switchUi", icon: "ph-layout-bold ph-lg", action: (ev) => { os.popupMenu( [ { text: i18n.ts.default, active: ui === "default" || ui === null, action: () => { localStorage.setItem("ui", "default"); unisonReload(); }, }, { text: i18n.ts.deck, active: ui === "deck", action: () => { localStorage.setItem("ui", "deck"); unisonReload(); }, }, { text: i18n.ts.classic, active: ui === "classic", action: () => { localStorage.setItem("ui", "classic"); unisonReload(); }, }, ], ev.currentTarget ?? ev.target, ); }, }, reload: { title: "reload", icon: "ph-arrows-clockwise-bold ph-lg", action: (ev) => { location.reload(); }, }, });