2026-02-26 21:10:34 +08:00
|
|
|
|
{{--
|
|
|
|
|
|
文件功能：聊天室主界面框架（frame 页面）
|
|
|
|
|
|
全屏沉浸式布局，不使用统一 layout
|
|
|
|
|
|
CSS 抽取到 /public/css/chat.css
|
|
|
|
|
|
JS 抽取到 chat.partials.scripts Blade 模板
|
|
|
|
|
|
|
|
|
|
|
|
@author ChatRoom Laravel
|
|
|
|
|
|
@version 1.0.0
|
|
|
|
|
|
--}}
|
2026-02-26 13:35:38 +08:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="zh-CN">
|
|
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
|
<title>{{ $room->name ?? '聊天室' }} - 飘落流星</title>
|
|
|
|
|
|
<meta name="csrf-token" content="{{ csrf_token() }}">
|
2026-04-02 18:35:54 +08:00
|
|
|
|
<meta http-equiv="Delegate-CH" content="Sec-CH-UA https://s.magsrv.com; Sec-CH-UA-Mobile https://s.magsrv.com; Sec-CH-UA-Arch https://s.magsrv.com; Sec-CH-UA-Model https://s.magsrv.com; Sec-CH-UA-Platform https://s.magsrv.com; Sec-CH-UA-Platform-Version https://s.magsrv.com; Sec-CH-UA-Bitness https://s.magsrv.com; Sec-CH-UA-Full-Version-List https://s.magsrv.com; Sec-CH-UA-Full-Version https://s.magsrv.com;">
|
2026-02-26 21:10:34 +08:00
|
|
|
|
@php
|
|
|
|
|
|
$superLevel = (int) \App\Models\Sysparam::getValue('superlevel', '100');
|
2026-02-26 22:38:33 +08:00
|
|
|
|
$myLevel = Auth::user()->user_level;
|
2026-04-21 16:43:17 +08:00
|
|
|
|
$positionPermissions = array_keys(array_filter($roomPermissionMap ?? []));
|
2026-04-21 18:00:02 +08:00
|
|
|
|
$operatorActivePosition = Auth::user()->activePosition?->load('position.department')->position;
|
|
|
|
|
|
$operatorDepartmentRank = (int) ($operatorActivePosition?->department?->rank ?? 0);
|
|
|
|
|
|
$operatorPositionRank = (int) ($operatorActivePosition?->rank ?? 0);
|
2026-04-25 14:43:33 +08:00
|
|
|
|
// 自动钓鱼状态下发给 Vite 模块，避免钓鱼面板继续在 Blade 内写业务脚本。
|
|
|
|
|
|
$autoFishingMinutesLeft = app(\App\Services\ShopService::class)->getActiveAutoFishingMinutesLeft(Auth::user());
|
|
|
|
|
|
$fishingCooldownKey = 'fishing:cd:'.Auth::id();
|
|
|
|
|
|
$fishingCooldownSeconds = \Illuminate\Support\Facades\Redis::ttl($fishingCooldownKey);
|
|
|
|
|
|
$fishingCooldownSeconds = $fishingCooldownSeconds > 0 ? $fishingCooldownSeconds : 0;
|
2026-02-26 21:10:34 +08:00
|
|
|
|
@endphp
|
2026-04-25 19:05:56 +08:00
|
|
|
|
@php
|
|
|
|
|
|
$chatbotEnabledState = \App\Models\Sysparam::getValue('chatbot_enabled', '0') === '1';
|
|
|
|
|
|
$botUserData = null;
|
|
|
|
|
|
if ($chatbotEnabledState) {
|
|
|
|
|
|
$botUser = \App\Models\User::query()->where('username', 'AI小班长')->first();
|
|
|
|
|
|
if ($botUser) {
|
|
|
|
|
|
$botUserData = app(\App\Services\ChatUserPresenceService::class)->build($botUser);
|
|
|
|
|
|
$botUserData['headfaceUrl'] = $botUser->headfaceUrl;
|
2026-04-25 14:04:42 +08:00
|
|
|
|
}
|
2026-04-25 19:05:56 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$activePos = Auth::user()->activePosition;
|
|
|
|
|
|
$deptName = $activePos?->position?->department?->name ?? '';
|
|
|
|
|
|
$posName = $activePos?->position?->name ?? '';
|
|
|
|
|
|
if (Auth::id() === 1) {
|
|
|
|
|
|
$myMaxReward = -1;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
$pos = Auth::user()->activePosition?->position;
|
|
|
|
|
|
$myMaxReward = $pos ? ($pos->max_reward === null ? -1 : (int) $pos->max_reward) : 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$chatContext = [
|
|
|
|
|
|
'roomId' => $room->id,
|
|
|
|
|
|
'userId' => $user->id,
|
|
|
|
|
|
'username' => $user->username,
|
|
|
|
|
|
'userSex' => match ((int) $user->sex) {1 => '男', 2 => '女', default => ''},
|
|
|
|
|
|
'userLevel' => $user->user_level,
|
|
|
|
|
|
'superLevel' => $superLevel,
|
|
|
|
|
|
'sendUrl' => route('chat.send', $room->id),
|
|
|
|
|
|
'leaveUrl' => route('chat.leave', $room->id),
|
|
|
|
|
|
'expiredLeaveUrl' => \Illuminate\Support\Facades\URL::temporarySignedRoute('chat.leave.expired', now()->addHours(12), ['id' => $room->id, 'user' => $user->id]),
|
|
|
|
|
|
'heartbeatUrl' => route('chat.heartbeat', $room->id),
|
|
|
|
|
|
'fishCastUrl' => route('fishing.cast', $room->id),
|
|
|
|
|
|
'fishReelUrl' => route('fishing.reel', $room->id),
|
|
|
|
|
|
'autoFishingMinutesLeft' => (int) $autoFishingMinutesLeft,
|
|
|
|
|
|
'fishingCooldownSeconds' => (int) $fishingCooldownSeconds,
|
|
|
|
|
|
'chatBotUrl' => route('chatbot.chat'),
|
|
|
|
|
|
'chatBotClearUrl' => route('chatbot.clear'),
|
|
|
|
|
|
'chatBotEnabled' => $chatbotEnabledState,
|
|
|
|
|
|
'botUser' => $botUserData,
|
|
|
|
|
|
'hasPosition' => (bool) (Auth::user()->activePosition || Auth::user()->user_level >= $superLevel),
|
|
|
|
|
|
'hasRoomManagementPermission' => (bool) (! empty($hasRoomManagementPermission) || Auth::id() === 1),
|
|
|
|
|
|
'isSiteOwner' => Auth::id() === 1,
|
|
|
|
|
|
'positionPermissions' => $positionPermissions,
|
|
|
|
|
|
'positionPermissionMap' => $roomPermissionMap ?? [],
|
|
|
|
|
|
'welcomePrefix' => $deptName ? "{$deptName} {$posName} {$user->username}" : $user->username,
|
|
|
|
|
|
'operatorDepartmentRank' => $operatorDepartmentRank,
|
|
|
|
|
|
'operatorPositionRank' => $operatorPositionRank,
|
|
|
|
|
|
'myMaxReward' => $myMaxReward,
|
|
|
|
|
|
'appointPositionsUrl' => route('chat.appoint.positions'),
|
|
|
|
|
|
'appointUrl' => route('chat.appoint.appoint'),
|
|
|
|
|
|
'revokeUrl' => route('chat.appoint.revoke'),
|
|
|
|
|
|
'rewardUrl' => route('command.reward'),
|
|
|
|
|
|
'rewardQuotaUrl' => route('command.reward_quota'),
|
|
|
|
|
|
'refreshAllUrl' => route('command.refresh_all'),
|
|
|
|
|
|
'chatPreferencesUrl' => route('user.update_chat_preferences'),
|
|
|
|
|
|
'dailyStatusUpdateUrl' => route('user.update_daily_status'),
|
|
|
|
|
|
'dailySignInStatusUrl' => \Illuminate\Support\Facades\Route::has('daily-sign-in.status') ? route('daily-sign-in.status') : null,
|
|
|
|
|
|
'dailySignInCalendarUrl' => \Illuminate\Support\Facades\Route::has('daily-sign-in.calendar') ? route('daily-sign-in.calendar') : null,
|
|
|
|
|
|
'dailySignInClaimUrl' => \Illuminate\Support\Facades\Route::has('daily-sign-in.claim') ? route('daily-sign-in.claim') : null,
|
|
|
|
|
|
'dailySignInMakeupUrl' => \Illuminate\Support\Facades\Route::has('daily-sign-in.makeup') ? route('daily-sign-in.makeup') : null,
|
|
|
|
|
|
'userJjb' => (int) $user->jjb,
|
|
|
|
|
|
'myGold' => (int) $user->jjb,
|
|
|
|
|
|
'profileHeadface' => Auth::user()->usersf ?: '1.gif',
|
|
|
|
|
|
'profileSign' => Auth::user()->sign ?? '',
|
|
|
|
|
|
'chatPreferences' => $user->chat_preferences ?? [],
|
|
|
|
|
|
'currentDailyStatus' => $activeDailyStatus,
|
|
|
|
|
|
'dailyStatusCatalog' => $dailyStatusCatalog,
|
|
|
|
|
|
'minWeddingCost' => (int) (\App\Models\WeddingTier::query()->where('is_active', true)->orderBy('amount')->value('amount') ?? 0),
|
|
|
|
|
|
'marriage' => [
|
|
|
|
|
|
'proposeUrl' => route('marriage.propose'),
|
|
|
|
|
|
'statusUrl' => route('marriage.status'),
|
|
|
|
|
|
'targteStatusUrl' => '/marriage/target',
|
|
|
|
|
|
'myRingsUrl' => route('marriage.rings'),
|
2026-04-25 19:15:52 +08:00
|
|
|
|
'weddingTiers' => \App\Models\WeddingTier::query()->where('is_active', true)->orderBy('amount')->get(),
|
|
|
|
|
|
'defaultWeddingTierId' => \App\Models\WeddingTier::query()->where('is_active', true)->orderBy('amount')->value('id') ?? '',
|
2026-04-25 19:05:56 +08:00
|
|
|
|
'acceptUrlTemplate' => '/marriage/__ID__/accept',
|
|
|
|
|
|
'rejectUrlTemplate' => '/marriage/__ID__/reject',
|
|
|
|
|
|
'divorceUrlTemplate' => '/marriage/__ID__/divorce',
|
|
|
|
|
|
'confirmDivorceUrlTemplate' => '/marriage/__ID__/confirm-divorce',
|
|
|
|
|
|
'rejectDivorceUrlTemplate' => '/marriage/__ID__/reject-divorce',
|
|
|
|
|
|
'divorceConfigUrl' => '/marriage/divorce-config',
|
|
|
|
|
|
'weddingTiersUrl' => '/wedding/tiers',
|
|
|
|
|
|
'weddingSetupUrlTemplate' => '/wedding/__ID__/setup',
|
|
|
|
|
|
'claimEnvelopeUrlTemplate' => '/wedding/__ID__/claim',
|
|
|
|
|
|
'envelopeStatusUrlTemplate' => '/wedding/__ID__/envelope-status',
|
|
|
|
|
|
],
|
|
|
|
|
|
'earnRewardUrl' => route('earn.video_reward'),
|
2026-04-27 09:19:49 +00:00
|
|
|
|
'roomsOnlineStatusUrl' => route('chat.rooms-online-status'),
|
|
|
|
|
|
'changelogUrl' => route('changelog.index'),
|
|
|
|
|
|
'roomsIndexUrl' => route('rooms.index'),
|
2026-04-25 19:05:56 +08:00
|
|
|
|
'chatImageRetentionDays' => 3,
|
|
|
|
|
|
'initialState' => [
|
|
|
|
|
|
'historyMessages' => $historyMessages ?? [],
|
|
|
|
|
|
'localClearStorageKey' => "local_clear_msg_id_{$room->id}",
|
|
|
|
|
|
'welcomeMessage' => $initialWelcomeMessage ?? null,
|
2026-04-27 14:13:23 +08:00
|
|
|
|
'welcomeMessages' => $initialWelcomeMessages ?? [],
|
2026-04-25 19:05:56 +08:00
|
|
|
|
'entryEffect' => $newbieEffect ?: ($initialPresenceTheme['presence_effect'] ?? ($weekEffect ?? null)),
|
|
|
|
|
|
'presenceTheme' => $initialPresenceTheme ?? null,
|
|
|
|
|
|
'pendingProposal' => $pendingProposal ?? null,
|
|
|
|
|
|
'pendingDivorce' => $pendingDivorce ?? null,
|
|
|
|
|
|
],
|
|
|
|
|
|
];
|
|
|
|
|
|
@endphp
|
|
|
|
|
|
<script type="application/json" id="chat-context-data">@json($chatContext)</script>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
// 兼容底部存量同步脚本，完整 URL 工厂由 Vite 的 chat-room/context.js 继续补齐。
|
|
|
|
|
|
window.chatContext = JSON.parse(document.getElementById('chat-context-data')?.textContent || '{}');
|
2026-02-26 13:35:38 +08:00
|
|
|
|
</script>
|
|
|
|
|
|
@vite(['resources/css/app.css', 'resources/js/app.js', 'resources/js/chat.js'])
|
2026-03-15 17:08:13 +08:00
|
|
|
|
<script defer src="/js/alpinejs.min.js"></script>
|
2026-04-24 23:40:55 +08:00
|
|
|
|
<link rel="stylesheet" href="{{ asset('css/chat.css') }}?v={{ filemtime(public_path('css/chat.css')) }}">
|
2026-02-26 13:35:38 +08:00
|
|
|
|
</head>
|
|
|
|
|
|
|
2026-02-26 21:10:34 +08:00
|
|
|
|
<body>
|
|
|
|
|
|
<div class="chat-layout">
|
2026-02-26 13:35:38 +08:00
|
|
|
|
|
2026-02-26 21:10:34 +08:00
|
|
|
|
{{-- ═══════════ 左侧主区域 ═══════════ --}}
|
|
|
|
|
|
<div class="chat-left">
|
2026-02-26 13:35:38 +08:00
|
|
|
|
|
2026-03-09 11:30:11 +08:00
|
|
|
|
{{-- 顶部标题栏 + 公告滚动条（layout/ 子目录维护） --}}
|
|
|
|
|
|
@include('chat.partials.layout.header')
|
2026-02-26 13:35:38 +08:00
|
|
|
|
|
2026-02-26 21:10:34 +08:00
|
|
|
|
{{-- 消息窗格（双窗格，默认只显示 say1） --}}
|
|
|
|
|
|
<div class="message-panes" id="message-panes">
|
|
|
|
|
|
{{-- 主消息窗 --}}
|
|
|
|
|
|
<div class="message-pane say1" id="chat-messages-container">
|
|
|
|
|
|
<div class="msg-line">
|
|
|
|
|
|
<span style="color: #cc0000; font-weight: bold;">【公众窗口】</span>显示公众的发言！
|
|
|
|
|
|
<span class="msg-time">({{ now()->format('H:i:s') }})</span><br>
|
|
|
|
|
|
<span
|
|
|
|
|
|
style="color: #000099;">『{{ $room->name }}』{{ $room->description ?? '欢迎光临！畅所欲言，文明聊天。' }}</span>
|
|
|
|
|
|
</div>
|
2026-02-26 13:35:38 +08:00
|
|
|
|
</div>
|
2026-02-26 21:10:34 +08:00
|
|
|
|
{{-- 副消息窗（包厢窗） --}}
|
|
|
|
|
|
<div class="message-pane say2" id="chat-messages-container2">
|
|
|
|
|
|
<div class="msg-line">
|
|
|
|
|
|
<span style="color: #cc0000; font-weight: bold;">【包厢窗口】</span>显示包厢名单中聊友的发言！
|
|
|
|
|
|
<span class="msg-time">({{ now()->format('H:i:s') }})</span>
|
|
|
|
|
|
</div>
|
2026-02-26 13:35:38 +08:00
|
|
|
|
</div>
|
2026-02-26 21:10:34 +08:00
|
|
|
|
</div>
|
2026-02-26 13:35:38 +08:00
|
|
|
|
|
2026-03-09 11:30:11 +08:00
|
|
|
|
{{-- 底部输入工具栏（layout/ 子目录维护） --}}
|
|
|
|
|
|
@include('chat.partials.layout.input-bar')
|
2026-02-26 13:35:38 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
|
2026-03-09 11:30:11 +08:00
|
|
|
|
{{-- ═══════════ 竖向工具条（layout/ 子目录维护） ═══════════ --}}
|
|
|
|
|
|
@include('chat.partials.layout.toolbar')
|
2026-02-26 21:10:34 +08:00
|
|
|
|
|
2026-03-09 11:30:11 +08:00
|
|
|
|
{{-- ═══════════ 右侧用户面板（layout/ 子目录维护） ═══════════ --}}
|
|
|
|
|
|
@include('chat.partials.layout.right-panel')
|
2026-02-26 21:10:34 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
|
2026-03-17 17:49:14 +08:00
|
|
|
|
{{-- ═══════════ 手机端浮动按钮 + 抽屉（≤ 640px 屏幕有效，独立维护）═══════════ --}}
|
|
|
|
|
|
@include('chat.partials.layout.mobile-drawer')
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2026-03-09 11:30:11 +08:00
|
|
|
|
{{-- ═══════════ 全局 UI 公共组件 ═══════════ --}}
|
2026-03-17 17:49:14 +08:00
|
|
|
|
|
2026-03-09 11:30:11 +08:00
|
|
|
|
{{-- 自定义弹窗（替代原生 alert/confirm/prompt，全页面可用） --}}
|
2026-03-01 00:34:11 +08:00
|
|
|
|
@include('chat.partials.global-dialog')
|
2026-03-09 11:30:11 +08:00
|
|
|
|
{{-- Toast 轻提示 --}}
|
2026-03-01 12:15:18 +08:00
|
|
|
|
@include('chat.partials.toast-notification')
|
2026-04-12 14:04:18 +08:00
|
|
|
|
{{-- 聊天图片大图预览层 --}}
|
|
|
|
|
|
<div id="chat-image-lightbox"
|
|
|
|
|
|
style="display:none; position:fixed; inset:0; z-index:10020; background:rgba(15,23,42,.86); backdrop-filter:blur(4px);"
|
2026-04-25 03:36:30 +08:00
|
|
|
|
data-chat-image-lightbox-close>
|
2026-04-12 14:04:18 +08:00
|
|
|
|
<div
|
|
|
|
|
|
style="position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:32px;"
|
2026-04-25 03:36:30 +08:00
|
|
|
|
data-chat-image-lightbox-close>
|
2026-04-12 14:04:18 +08:00
|
|
|
|
<img id="chat-image-lightbox-img" src="" alt="聊天图片预览"
|
2026-04-25 03:36:30 +08:00
|
|
|
|
data-chat-image-lightbox-image
|
2026-04-12 14:04:18 +08:00
|
|
|
|
style="max-width:92vw; max-height:86vh; border-radius:12px; box-shadow:0 18px 50px rgba(0,0,0,.45);">
|
|
|
|
|
|
</div>
|
2026-04-25 03:36:30 +08:00
|
|
|
|
<button type="button" data-chat-image-lightbox-close
|
2026-04-12 14:04:18 +08:00
|
|
|
|
style="position:absolute; top:20px; right:24px; z-index:10021; border:none; background:transparent; color:#fff; font-size:34px; cursor:pointer;">×</button>
|
|
|
|
|
|
<div id="chat-image-lightbox-name"
|
|
|
|
|
|
style="position:absolute; left:50%; bottom:24px; transform:translateX(-50%); z-index:10021; max-width:88vw; color:#e2e8f0; font-size:12px; text-align:center; word-break:break-all;">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2026-03-09 11:30:11 +08:00
|
|
|
|
{{-- 大卡片通知（任命公告、好友通知、礼包选择等） --}}
|
|
|
|
|
|
@include('chat.partials.chat-banner')
|
|
|
|
|
|
|
|
|
|
|
|
{{-- ═══════════ 聊天室交互脚本（用户操作、好友通知等） ═══════════ --}}
|
2026-02-27 00:17:32 +08:00
|
|
|
|
@include('chat.partials.user-actions')
|
2026-03-09 11:30:11 +08:00
|
|
|
|
|
|
|
|
|
|
{{-- ═══════════ 活动与系统弹窗 ═══════════ --}}
|
|
|
|
|
|
{{-- 婚姻系统弹窗 --}}
|
2026-03-01 15:31:07 +08:00
|
|
|
|
@include('chat.partials.marriage-modals')
|
2026-03-09 11:30:11 +08:00
|
|
|
|
{{-- 节日福利弹窗 --}}
|
2026-03-01 20:06:53 +08:00
|
|
|
|
@include('chat.partials.holiday-modal')
|
2026-04-24 22:47:27 +08:00
|
|
|
|
@include('chat.partials.daily-sign-in-modal')
|
2026-04-28 10:20:32 +08:00
|
|
|
|
{{-- 留言板弹窗 --}}
|
|
|
|
|
|
@include('chat.partials.guestbook-modal')
|
2026-03-09 11:30:11 +08:00
|
|
|
|
|
|
|
|
|
|
{{-- ═══════════ 游戏面板（partials/games/ 子目录，各自独立，包含 CSS + HTML + JS） ═══════════ --}}
|
2026-04-25 14:03:15 +08:00
|
|
|
|
{{-- deferChatGameBootstrap 已迁移到 resources/js/chat-room/game-bootstrap.js --}}
|
2026-03-09 11:30:11 +08:00
|
|
|
|
@include('chat.partials.games.baccarat-panel')
|
|
|
|
|
|
@include('chat.partials.games.slot-machine')
|
|
|
|
|
|
@include('chat.partials.games.mystery-box')
|
|
|
|
|
|
@include('chat.partials.games.horse-race-panel')
|
|
|
|
|
|
@include('chat.partials.games.fortune-panel')
|
|
|
|
|
|
@include('chat.partials.games.lottery-panel')
|
|
|
|
|
|
@include('chat.partials.games.red-packet-panel')
|
|
|
|
|
|
@include('chat.partials.games.fishing-panel')
|
2026-03-12 08:35:21 +08:00
|
|
|
|
@include('chat.partials.games.game-hall')
|
2026-04-11 23:27:29 +08:00
|
|
|
|
@include('chat.partials.games.baccarat-loss-cover-panel')
|
2026-03-12 08:35:21 +08:00
|
|
|
|
@include('chat.partials.games.gomoku-panel')
|
2026-04-02 18:35:54 +08:00
|
|
|
|
@include('chat.partials.games.earn-panel')
|
2026-02-27 14:14:35 +08:00
|
|
|
|
|
2026-04-25 03:02:56 +08:00
|
|
|
|
{{-- 全屏特效系统：管理员和会员入场可触发的全屏动效，生产环境由 Vite 压缩与版本化 --}}
|
|
|
|
|
|
@vite('resources/js/effects.js')
|
2026-02-27 14:14:35 +08:00
|
|
|
|
|
2026-02-26 21:10:34 +08:00
|
|
|
|
@include('chat.partials.scripts')
|
|
|
|
|
|
|
2026-03-09 11:30:11 +08:00
|
|
|
|
{{-- 辅助与全局事件组件 --}}
|
|
|
|
|
|
@include('chat.partials.ai-chatbot')
|
|
|
|
|
|
@include('chat.partials.system-events')
|
2026-04-25 14:04:42 +08:00
|
|
|
|
{{-- 初始历史消息、入场欢迎、进场特效、会员横幅和挂起婚姻事件已迁移到 resources/js/chat-room/initial-state.js --}}
|
2026-03-01 18:08:50 +08:00
|
|
|
|
|
2026-02-26 13:35:38 +08:00
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
