Files
chatroom/resources/js/chat-room/admin-commands.js
T
pllx f17f171f4b fix: 修复迁移遗留的按钮无响应、头像框层级及构建错误
迁移收尾修复:
- heartbeat.js: 移除 export { } 中重复的 startHeartbeat/stopHeartbeat(已通过 export function 导出)
- scripts.blade.php: 移除 JS 注释中的 {{ }} 避免 Blade 编译为 e() 导致 PHP 解析错误
- preferences-status.js: 补全 6 个缺失的 window.* 赋值(toggleBlockMenu/toggleFeatureMenu 等),
  实现迁移中丢失的 updateDailyStatus/clearDailyStatus,修复 handleFeatureLocalClear 清屏回调
- toolbar.js: 补全 window.runFeatureShortcut 赋值

头像框样式修复(chat-decorations.css):
- z-index 互换:头像降至 1,框升至 3,使框边缘可遮挡头像外围
- 使用 CSS mask(radial-gradient)挖环形替代旧 ::before 实心圆遮挡方案
- clip-path: circle(50%) 硬裁剪确保圆形,不受 chat.css border-radius: 2px 覆盖
- 特异性提升至 .user-item .avatar-frame-wrapper .user-head

新 Vite 模块(从 Blade 迁移):
- chat-state.js / message-renderer.js / user-list.js / chat-events.js
- composer.js(重写)/ heartbeat.js / admin-commands.js
- vip-presence.js / chat-decorations.css
2026-04-27 09:19:49 +00:00

264 lines
8.7 KiB
JavaScript

// 聊天室管理员命令模块:设置公告、公屏讲话、清屏、刷新全员、特效触发。
// 从 Blade 内联脚本迁移至 Vite 管理。
function csrf() {
return document.querySelector('meta[name="csrf-token"]')?.content ?? "";
}
/**
* 设置房间公告。
*/
function promptAnnouncement() {
const fullText = document.getElementById("announcement-text")?.textContent?.trim() || "";
const pureText = fullText.replace(/ ——\S+ \d{2}-\d{2} \d{2}:\d{2}$/, "").trim();
window.chatDialog
.prompt("请输入新的房间公告/祝福语:", pureText, "设置公告", "#336699")
.then((newText) => {
if (newText === null || newText.trim() === "") return;
fetch(`/room/${window.chatContext.roomId}/announcement`, {
method: "POST",
headers: {
"X-CSRF-TOKEN": csrf(),
"Content-Type": "application/json",
"Accept": "application/json",
},
body: JSON.stringify({ announcement: newText.trim() }),
})
.then((res) => res.json())
.then((data) => {
if (data.status === "success") {
const marquee = document.getElementById("announcement-text");
if (marquee) marquee.textContent = data.announcement;
window.chatDialog.alert("公告已更新!", "提示", "#16a34a");
} else {
window.chatDialog.alert(data.message || "更新失败", "操作失败", "#cc4444");
}
})
.catch((e) => {
window.chatDialog.alert("设置公告失败:" + e.message, "操作失败", "#cc4444");
});
});
}
/**
* 站长公屏讲话。
*/
function promptAnnounceMessage() {
window.chatDialog
.prompt("请输入公屏讲话内容:", "", "📢 公屏讲话", "#7c3aed")
.then((content) => {
if (!content || !content.trim()) return;
fetch("/command/announce", {
method: "POST",
headers: {
"X-CSRF-TOKEN": csrf(),
"Content-Type": "application/json",
"Accept": "application/json",
},
body: JSON.stringify({
content: content.trim(),
room_id: window.chatContext.roomId,
}),
})
.then((res) => res.json())
.then((data) => {
if (data.status !== "success") {
window.chatDialog.alert(data.message || "发送失败", "操作失败", "#cc4444");
}
})
.catch((e) => {
window.chatDialog.alert("发送失败:" + e.message, "操作失败", "#cc4444");
});
});
}
/**
* 管理员全员清屏。
*/
function adminClearScreen() {
window.chatDialog
.confirm("确定要清除所有人的聊天记录吗?(悄悄话将保留)", "全员清屏", "#dc2626")
.then((ok) => {
if (!ok) return;
fetch("/command/clear-screen", {
method: "POST",
headers: {
"X-CSRF-TOKEN": csrf(),
"Content-Type": "application/json",
"Accept": "application/json",
},
body: JSON.stringify({ room_id: window.chatContext.roomId }),
})
.then((res) => res.json())
.then((data) => {
if (data.status !== "success") {
window.chatDialog.alert(data.message || "清屏失败", "操作失败", "#cc4444");
}
})
.catch((e) => {
window.chatDialog.alert("清屏失败:" + e.message, "操作失败", "#cc4444");
});
});
}
/**
* 管理员触发全屏特效。
*
* @param {string} type 特效类型:fireworks / rain / lightning / snow / sakura / meteors / gold-rain / hearts / confetti / fireflies
*/
function triggerEffect(type) {
const roomId = window.chatContext?.roomId;
if (!roomId) return;
fetch("/command/effect", {
method: "POST",
headers: {
"Content-Type": "application/json",
"X-CSRF-TOKEN": csrf(),
},
body: JSON.stringify({ room_id: roomId, type }),
})
.then((r) => r.json())
.then((data) => {
if (data.status !== "success")
window.chatDialog.alert(data.message, "操作失败", "#cc4444");
})
.catch((err) => console.error("特效触发失败:", err));
}
/**
* 选择特效后关闭菜单并触发。
*
* @param {string} type 特效类型
*/
function selectEffect(type) {
const menu = document.getElementById("admin-menu");
if (menu) menu.style.display = "none";
triggerEffect(type);
}
/**
* 站长通知当前房间所有在线用户刷新页面。
*/
async function refreshAllBrowsers() {
if (!window.chatContext?.isSiteOwner || !window.chatContext?.refreshAllUrl) {
window.chatDialog?.alert("仅站长可执行全员刷新。", "无权限", "#cc4444");
return;
}
const confirmed = await window.chatDialog?.confirm(
"确定通知当前房间所有在线用户刷新页面吗?\n适用于功能更新后强制同步最新按钮与权限状态。",
"♻️ 刷新全员",
"#0f766e",
);
if (!confirmed) return;
try {
const response = await fetch(window.chatContext.refreshAllUrl, {
method: "POST",
headers: {
"X-CSRF-TOKEN": csrf(),
"Content-Type": "application/json",
"Accept": "application/json",
},
body: JSON.stringify({
room_id: window.chatContext.roomId,
reason: "功能更新,站长要求刷新页面",
}),
});
const data = await response.json();
if (data.status === "success") {
window.chatToast?.show({
title: "已发送刷新通知",
message: data.message,
icon: "♻️",
color: "#0f766e",
duration: 3500,
});
return;
}
window.chatDialog?.alert(data.message || "发送刷新通知失败", "操作失败", "#cc4444");
} catch (_error) {
window.chatDialog?.alert("网络异常,请稍后再试", "错误", "#cc4444");
}
}
/**
* 执行管理菜单中的快捷操作,并在执行前关闭菜单。
*
* @param {string} action 管理动作类型
*/
function runAdminAction(action) {
const menu = document.getElementById("admin-menu");
if (menu) menu.style.display = "none";
switch (action) {
case "announcement":
promptAnnouncement();
break;
case "announce-message":
promptAnnounceMessage();
break;
case "admin-clear":
adminClearScreen();
break;
case "red-packet":
window.sendRedPacket?.();
break;
case "loss-cover":
window.openAdminBaccaratLossCoverModal?.();
break;
case "refresh-all":
refreshAllBrowsers();
break;
default:
break;
}
}
/**
* 切换管理菜单显示/隐藏。
*/
function toggleAdminMenu(event) {
event.stopPropagation();
const menu = document.getElementById("admin-menu");
const welcomeMenu = document.getElementById("welcome-menu");
const blockMenu = document.getElementById("block-menu");
const featureMenu = document.getElementById("feature-menu");
const dailyStatusEditor = document.getElementById("daily-status-editor-overlay");
if (!menu) return;
[welcomeMenu, blockMenu, featureMenu, dailyStatusEditor].forEach((el) => {
if (el) el.style.display = "none";
});
menu.style.display = menu.style.display === "none" ? "block" : "none";
}
// 挂载到 window 供 Blade 脚本及其他模块使用。
window.promptAnnouncement = promptAnnouncement;
window.promptAnnounceMessage = promptAnnounceMessage;
window.adminClearScreen = adminClearScreen;
window.triggerEffect = triggerEffect;
window.selectEffect = selectEffect;
window.refreshAllBrowsers = refreshAllBrowsers;
window.runAdminAction = runAdminAction;
window.toggleAdminMenu = toggleAdminMenu;
export {
promptAnnouncement,
promptAnnounceMessage,
adminClearScreen,
triggerEffect,
selectEffect,
refreshAllBrowsers,
runAdminAction,
toggleAdminMenu,
};