99 lines
3.1 KiB
JavaScript
99 lines
3.1 KiB
JavaScript
/**
|
|
* 结束通话界面逻辑
|
|
* 处理通话结束后的操作，如重新连接或返回连接界面
|
|
*/
|
|
|
|
// 通知函数
|
|
function showNotification(message, type = 'info') {
|
|
const notification = document.getElementById('notification');
|
|
const notificationText = document.getElementById('notificationText');
|
|
|
|
if (notification && notificationText) {
|
|
notificationText.textContent = message;
|
|
|
|
// 清除之前的类
|
|
notification.className = 'fixed top-20 left-1/2 transform -translate-x-1/2 glass px-6 py-3 rounded-full flex items-center gap-3 opacity-0 pointer-events-none transition-all duration-300 z-50 translate-y-[-20px]';
|
|
|
|
// 根据类型添加不同的图标
|
|
const iconElement = notification.querySelector('i');
|
|
if (iconElement) {
|
|
iconElement.className = 'fas fa-info-circle text-indigo-400';
|
|
switch (type) {
|
|
case 'success':
|
|
iconElement.className = 'fas fa-check-circle text-green-400';
|
|
break;
|
|
case 'error':
|
|
iconElement.className = 'fas fa-exclamation-circle text-red-400';
|
|
break;
|
|
case 'warning':
|
|
iconElement.className = 'fas fa-exclamation-triangle text-yellow-400';
|
|
break;
|
|
}
|
|
}
|
|
|
|
// 显示通知
|
|
notification.classList.remove('opacity-0', 'translate-y-[-20px]');
|
|
notification.classList.add('opacity-100', 'translate-y-0');
|
|
|
|
// 3秒后隐藏
|
|
setTimeout(() => {
|
|
notification.classList.remove('opacity-100', 'translate-y-0');
|
|
notification.classList.add('opacity-0', 'translate-y-[-20px]');
|
|
}, 3000);
|
|
}
|
|
}
|
|
|
|
// 重新连接
|
|
function reconnectCall() {
|
|
showNotification('正在重新连接...');
|
|
|
|
// 跳转到通话界面
|
|
window.location.href = '../index.html';
|
|
}
|
|
|
|
// 离开
|
|
function leaveCall() {
|
|
// 清除本地存储中的连接ID
|
|
localStorage.removeItem('connectionId');
|
|
|
|
// 跳转到连接界面
|
|
window.location.href = '../connect/connect.html';
|
|
}
|
|
|
|
// 绑定事件监听器
|
|
function bindEvents() {
|
|
// 重新连接按钮
|
|
const reconnectBtn = document.getElementById('reconnectBtn');
|
|
if (reconnectBtn) {
|
|
reconnectBtn.addEventListener('click', reconnectCall);
|
|
}
|
|
|
|
// 离开按钮
|
|
const leaveBtn = document.getElementById('leaveBtn');
|
|
if (leaveBtn) {
|
|
leaveBtn.addEventListener('click', leaveCall);
|
|
}
|
|
}
|
|
|
|
// 页面加载完成后初始化
|
|
window.addEventListener('DOMContentLoaded', () => {
|
|
bindEvents();
|
|
|
|
// 更新断开连接信息
|
|
const disconnectConnectionId = document.getElementById('disconnectConnectionId');
|
|
const disconnectTime = document.getElementById('disconnectTime');
|
|
|
|
if (disconnectConnectionId) {
|
|
disconnectConnectionId.textContent = localStorage.getItem('connectionId') || '--';
|
|
}
|
|
|
|
if (disconnectTime) {
|
|
disconnectTime.textContent = new Date().toLocaleString();
|
|
}
|
|
});
|
|
|
|
// 导出全局函数
|
|
window.showNotification = showNotification;
|
|
window.reconnectCall = reconnectCall;
|
|
window.leaveCall = leaveCall;
|