153 lines
8.5 KiB
PHP
153 lines
8.5 KiB
PHP
{{--
|
||
文件功能：聊天室底部输入工具栏（两行结构）
|
||
第一行：发送对象、动作、字色、悄悄话、滚屏、分屏、管理操作
|
||
第二行：输入框 + 发送按钮
|
||
从 frame.blade.php 拆分，便于独立维护
|
||
|
||
依赖变量：$user, $room, $levelKick, $levelMute, $levelBan, $levelBanip
|
||
--}}
|
||
|
||
<div class="input-bar">
|
||
<form id="chat-form" onsubmit="sendMessage(event)">
|
||
{{-- 第一行：工具选项 --}}
|
||
<div class="input-row">
|
||
<label>对
|
||
<select id="to_user" name="to_user" style="color: #224466;">
|
||
<option value="大家" selected>大家</option>
|
||
</select>
|
||
说:
|
||
</label>
|
||
|
||
<label>动作:
|
||
<select id="action" name="action">
|
||
<option value="">无</option>
|
||
<option value="微笑">微笑</option>
|
||
<option value="大笑">大笑</option>
|
||
<option value="愤怒">愤怒</option>
|
||
<option value="哭泣">哭泣</option>
|
||
<option value="害羞">害羞</option>
|
||
<option value="鄙视">鄙视</option>
|
||
<option value="得意">得意</option>
|
||
<option value="疑惑">疑惑</option>
|
||
<option value="同情">同情</option>
|
||
<option value="无奈">无奈</option>
|
||
<option value="拳打">拳打</option>
|
||
<option value="飞吻">飞吻</option>
|
||
<option value="偷看">偷看</option>
|
||
{{-- 欢迎语专用 action，隐藏不对外显示，JS 临时切换用 --}}
|
||
<option value="欢迎" style="display:none"></option>
|
||
</select>
|
||
</label>
|
||
|
||
<label>字色:
|
||
<input type="color" id="font_color" name="font_color" value="{{ $user->s_color ?? '#000000' }}"
|
||
style="width: 22px; height: 18px; padding: 0; border: 1px solid navy; cursor: pointer;">
|
||
</label>
|
||
|
||
<label>字号:
|
||
<select id="font_size_select" style="color: #224466;" onchange="applyFontSize(this.value)">
|
||
<option value="12">12</option>
|
||
<option value="13">13</option>
|
||
<option value="14" selected>14</option>
|
||
<option value="15">15</option>
|
||
<option value="16">16</option>
|
||
<option value="18">18</option>
|
||
<option value="20">20</option>
|
||
<option value="22">22</option>
|
||
</select>
|
||
</label>
|
||
|
||
<label title="仅对方和自己可见">
|
||
<input type="checkbox" id="is_secret" name="is_secret" value="1">
|
||
悄悄话
|
||
</label>
|
||
|
||
<label title="勾选后关闭所有特效声音">
|
||
<input type="checkbox" id="sound_muted" onchange="toggleSoundMute(this.checked)">
|
||
🔇 禁音
|
||
</label>
|
||
|
||
<label title="自动滚屏到最新消息">
|
||
<input type="checkbox" id="auto_scroll" checked>
|
||
滚屏
|
||
</label>
|
||
|
||
|
||
{{-- 欢迎语快捷按钮 + 下拉浮层 --}}
|
||
<div style="position:relative;display:inline-block;" id="welcome-btn-wrap">
|
||
<button type="button" onclick="toggleWelcomeMenu(event)"
|
||
style="font-size:11px;padding:1px 6px;background:#e07820;color:#fff;border:none;border-radius:2px;cursor:pointer;">
|
||
💬 欢迎
|
||
</button>
|
||
<div id="welcome-menu" class="welcome-menu" style="display:none;">
|
||
@php
|
||
$welcomeMessages = [
|
||
'欢迎【{name}】来到我们的聊天室，请遵守规则，文明聊天！',
|
||
'【{name}】，你好！欢迎来访，有什么问题随时告诉我们！',
|
||
'热烈欢迎【{name}】加入，愿您在这里度过愉快的时光！',
|
||
'欢迎新朋友【{name}】！请先阅读公告，了解聊天室规则哦～',
|
||
'【{name}】来了！欢迎欢迎，希望你在这里玩得开心！',
|
||
'亲爱的【{name}】，欢迎光临本聊天室，请保持文明礼貌！',
|
||
'欢迎【{name}】入驻！有问题请联系管理员，我们随时为您服务！',
|
||
'【{name}】，初来乍到，欢迎多多关照，我们是一家人！',
|
||
'大家欢迎新成员【{name}】！请遵守群规，共建和谐聊天环境！',
|
||
'欢迎【{name}】莅临指导！希望你常来，让我们一起聊天！',
|
||
];
|
||
@endphp
|
||
@foreach ($welcomeMessages as $msg)
|
||
<div class="welcome-menu-item" onclick="sendWelcomeTpl({{ json_encode($msg) }})">
|
||
{{ $msg }}</div>
|
||
@endforeach
|
||
</div>
|
||
</div>
|
||
|
||
@if (
|
||
$user->user_level >= (int) \App\Models\Sysparam::getValue('level_announcement', '10') ||
|
||
$room->master == $user->username)
|
||
<button type="button" onclick="promptAnnouncement()"
|
||
style="font-size: 11px; padding: 1px 6px; background: #4a9; color: #fff; border: none; border-radius: 2px; cursor: pointer;">设公告</button>
|
||
@endif
|
||
|
||
<button type="button" id="fishing-btn" onclick="startFishing()"
|
||
style="font-size: 11px; padding: 1px 6px; background: #2563eb; color: #fff; border: none; border-radius: 2px; cursor: pointer;">🎣
|
||
钓鱼</button>
|
||
|
||
@if ($user->user_level >= (int) \App\Models\Sysparam::getValue('superlevel', '100'))
|
||
<button type="button" onclick="promptAnnounceMessage()"
|
||
style="font-size: 11px; padding: 1px 6px; background: #7c3aed; color: #fff; border: none; border-radius: 2px; cursor: pointer;">📢
|
||
公屏</button>
|
||
<button type="button" onclick="adminClearScreen()"
|
||
style="font-size: 11px; padding: 1px 6px; background: #dc2626; color: #fff; border: none; border-radius: 2px; cursor: pointer;">🧹
|
||
清屏</button>
|
||
<button type="button" id="red-packet-btn" onclick="sendRedPacket()"
|
||
style="font-size: 11px; padding: 1px 6px; background: linear-gradient(135deg, #dc2626, #d97706); color: #fff; border: none; border-radius: 2px; cursor: pointer; font-weight: bold;">🧧
|
||
礼包</button>
|
||
{{-- 全屏特效按钮组（仅管理员可见） --}}
|
||
<button type="button" onclick="triggerEffect('fireworks')" title="全屏烟花"
|
||
style="font-size: 11px; padding: 1px 6px; background: #ea580c; color: #fff; border: none; border-radius: 2px; cursor: pointer;">🎆
|
||
烟花</button>
|
||
<button type="button" onclick="triggerEffect('rain')" title="全屏下雨"
|
||
style="font-size: 11px; padding: 1px 6px; background: #2563eb; color: #fff; border: none; border-radius: 2px; cursor: pointer;">🌧️
|
||
下雨</button>
|
||
<button type="button" onclick="triggerEffect('lightning')" title="全屏雷电"
|
||
style="font-size: 11px; padding: 1px 6px; background: #7c3aed; color: #fff; border: none; border-radius: 2px; cursor: pointer;">⚡
|
||
雷电</button>
|
||
<button type="button" onclick="triggerEffect('snow')" title="全屏下雪"
|
||
style="font-size: 11px; padding: 1px 6px; background: #0891b2; color: #fff; border: none; border-radius: 2px; cursor: pointer;">❄️
|
||
下雪</button>
|
||
@endif
|
||
|
||
<button type="button" onclick="localClearScreen()"
|
||
style="font-size: 11px; padding: 1px 6px; background: #64748b; color: #fff; border: none; border-radius: 2px; cursor: pointer;">🔄
|
||
清屏</button>
|
||
</div>
|
||
|
||
{{-- 第二行：输入框 + 发送 --}}
|
||
<div class="input-row">
|
||
<input type="text" id="content" name="content" class="say-input"
|
||
placeholder="在这里输入聊天内容，按 Enter 发送..." autocomplete="off">
|
||
<button type="submit" id="send-btn" class="send-btn">发送</button>
|
||
</div>
|
||
</form>
|
||
</div>
|