iceshrimp/packages/client/src/scripts/get-user-menu.ts
2023-02-10 15:41:19 -08:00

341 lines
6.9 KiB
TypeScript

import * as Acct from "calckey-js/built/acct";
import { defineAsyncComponent } from "vue";
import { i18n } from "@/i18n";
import copyToClipboard from "@/scripts/copy-to-clipboard";
import { host } from "@/config";
import * as os from "@/os";
import { userActions } from "@/store";
import { $i, iAmModerator } from "@/account";
import { mainRouter } from "@/router";
import { Router } from "@/nirax";
export function getUserMenu(user, router: Router = mainRouter) {
const meId = $i ? $i.id : null;
async function pushList() {
const t = i18n.ts.selectList; // なぜか後で参照すると null になるので最初にメモリに確保しておく
const lists = await os.api("users/lists/list");
if (lists.length === 0) {
os.alert({
type: "error",
text: i18n.ts.youHaveNoLists,
});
return;
}
const { canceled, result: listId } = await os.select({
title: t,
items: lists.map((list) => ({
value: list.id,
text: list.name,
})),
});
if (canceled) return;
os.apiWithDialog("users/lists/push", {
listId: listId,
userId: user.id,
});
}
async function inviteGroup() {
const groups = await os.api("users/groups/owned");
if (groups.length === 0) {
os.alert({
type: "error",
text: i18n.ts.youHaveNoGroups,
});
return;
}
const { canceled, result: groupId } = await os.select({
title: i18n.ts.group,
items: groups.map((group) => ({
value: group.id,
text: group.name,
})),
});
if (canceled) return;
os.apiWithDialog("users/groups/invite", {
groupId: groupId,
userId: user.id,
});
}
async function toggleMute() {
if (user.isMuted) {
os.apiWithDialog("mute/delete", {
userId: user.id,
}).then(() => {
user.isMuted = false;
});
} else {
const { canceled, result: period } = await os.select({
title: i18n.ts.mutePeriod,
items: [
{
value: "indefinitely",
text: i18n.ts.indefinitely,
},
{
value: "tenMinutes",
text: i18n.ts.tenMinutes,
},
{
value: "oneHour",
text: i18n.ts.oneHour,
},
{
value: "oneDay",
text: i18n.ts.oneDay,
},
{
value: "oneWeek",
text: i18n.ts.oneWeek,
},
],
default: "indefinitely",
});
if (canceled) return;
const expiresAt =
period === "indefinitely"
? null
: period === "tenMinutes"
? Date.now() + 1000 * 60 * 10
: period === "oneHour"
? Date.now() + 1000 * 60 * 60
: period === "oneDay"
? Date.now() + 1000 * 60 * 60 * 24
: period === "oneWeek"
? Date.now() + 1000 * 60 * 60 * 24 * 7
: null;
os.apiWithDialog("mute/create", {
userId: user.id,
expiresAt,
}).then(() => {
user.isMuted = true;
});
}
}
async function toggleBlock() {
if (
!(await getConfirmed(
user.isBlocking ? i18n.ts.unblockConfirm : i18n.ts.blockConfirm,
))
)
return;
await os.apiWithDialog(
user.isBlocking ? "blocking/delete" : "blocking/create",
{
userId: user.id,
},
);
user.isBlocking = !user.isBlocking;
await os.api(user.isBlocking ? "mute/create" : "mute/delete", {
userId: user.id,
});
user.isMuted = user.isBlocking;
if (user.isBlocking) {
await os.api("following/delete", {
userId: user.id,
});
user.isFollowing = false;
}
}
async function toggleSilence() {
if (
!(await getConfirmed(
i18n.t(user.isSilenced ? "unsilenceConfirm" : "silenceConfirm"),
))
)
return;
os.apiWithDialog(
user.isSilenced ? "admin/unsilence-user" : "admin/silence-user",
{
userId: user.id,
},
).then(() => {
user.isSilenced = !user.isSilenced;
});
}
async function toggleSuspend() {
if (
!(await getConfirmed(
i18n.t(user.isSuspended ? "unsuspendConfirm" : "suspendConfirm"),
))
)
return;
os.apiWithDialog(
user.isSuspended ? "admin/unsuspend-user" : "admin/suspend-user",
{
userId: user.id,
},
).then(() => {
user.isSuspended = !user.isSuspended;
});
}
function reportAbuse() {
os.popup(
defineAsyncComponent(
() => import("@/components/MkAbuseReportWindow.vue"),
),
{
user: user,
},
{},
"closed",
);
}
async function getConfirmed(text: string): Promise<boolean> {
const confirm = await os.confirm({
type: "warning",
title: "confirm",
text,
});
return !confirm.canceled;
}
async function invalidateFollow() {
if (!(await getConfirmed(i18n.ts.breakFollowConfirm))) return;
os.apiWithDialog("following/invalidate", {
userId: user.id,
}).then(() => {
user.isFollowed = !user.isFollowed;
});
}
let menu = [
{
icon: "ph-at-bold ph-lg",
text: i18n.ts.copyUsername,
action: () => {
copyToClipboard(`@${user.username}@${user.host || host}`);
},
},
{
icon: "ph-info-bold ph-lg",
text: i18n.ts.info,
action: () => {
router.push(`/user-info/${user.id}`);
},
},
{
icon: "ph-envelope-simple-open-bold ph-lg",
text: i18n.ts.sendMessage,
action: () => {
os.post({ specified: user });
},
},
meId !== user.id
? {
type: "link",
icon: "ph-chats-teardrop-bold ph-lg",
text: i18n.ts.startMessaging,
to: `/my/messaging/${Acct.toString(user)}`,
}
: undefined,
null,
{
icon: "ph-list-bullets-bold ph-lg",
text: i18n.ts.addToList,
action: pushList,
},
meId !== user.id
? {
icon: "ph-users-three-bold ph-lg",
text: i18n.ts.inviteToGroup,
action: inviteGroup,
}
: undefined,
] as any;
if ($i && meId !== user.id) {
menu = menu.concat([
null,
{
icon: user.isMuted ? "ph-eye-bold ph-lg" : "ph-eye-slash-bold ph-lg",
text: user.isMuted ? i18n.ts.unmute : i18n.ts.mute,
hidden: user.isBlocking === true,
action: toggleMute,
},
{
icon: "ph-prohibit-bold ph-lg",
text: user.isBlocking ? i18n.ts.unblock : i18n.ts.block,
action: toggleBlock,
},
]);
if (user.isFollowed) {
menu = menu.concat([
{
icon: "ph-link-break-bold ph-lg",
text: i18n.ts.breakFollow,
action: invalidateFollow,
},
]);
}
menu = menu.concat([
null,
{
icon: "ph-warning-circle-bold ph-lg",
text: i18n.ts.reportAbuse,
action: reportAbuse,
},
]);
if (iAmModerator) {
menu = menu.concat([
null,
{
icon: "ph-microphone-slash-bold ph-lg",
text: user.isSilenced ? i18n.ts.unsilence : i18n.ts.silence,
action: toggleSilence,
},
{
icon: "ph-snowflake-bold ph-lg",
text: user.isSuspended ? i18n.ts.unsuspend : i18n.ts.suspend,
action: toggleSuspend,
},
]);
}
}
if ($i && meId === user.id) {
menu = menu.concat([
null,
{
icon: "ph-pencil-bold ph-lg",
text: i18n.ts.editProfile,
action: () => {
router.push("/settings/profile");
},
},
]);
}
if (userActions.length > 0) {
menu = menu.concat([
null,
...userActions.map((action) => ({
icon: "ph-plug-bold ph-lg",
text: action.title,
action: () => {
action.handler(user);
},
})),
]);
}
return menu;
}