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