Function showNicknameModal

bookmarkProfile.js:49–131

(isFirstTime = true)

// 修改显示昵称输入对话框函数
function showNicknameModal(isFirstTime = true) {  // 添加参数标识是否首次设置
    const modalOverlay = document.querySelector('.modal-overlay');
    const nicknameInput = modalOverlay.querySelector('.nickname-input');
    const confirmButton = modalOverlay.querySelector('.confirm');
    const cancelButton = modalOverlay.querySelector('.cancel');
    const modalTitle = modalOverlay.querySelector('.modal-title');

    // 根据是否首次设置显示不同的标题
    if (modalTitle) {
        modalTitle.textContent = getMessage(isFirstTime ? 'shareModalTitle' : 'editNicknameTitle');
    }

    // 显示模态框
    modalOverlay.style.display = 'flex';

    // 如果是编辑模式，填入当前昵称
    if (!isFirstTime) {
        getNickname().then(currentNickname => {
            if (nicknameInput && currentNickname) {
                nicknameInput.value = currentNickname;
                // 选中文本以方便修改
                nicknameInput.select();
            }
        });
    }

    // 根据是否首次设置来显示/隐藏取消按钮
    if (cancelButton) {
        cancelButton.style.display = isFirstTime ? 'none' : 'block';
    }

    // 取消按钮处理
    const handleCancel = () => {
        modalOverlay.style.display = 'none';
        nicknameInput.value = '';
    };

    // 确认按钮处理
    const handleConfirm = async () => {
        const nickname = nicknameInput.value.trim();
        if (!nickname) {
            alert(getMessage('pleaseEnterNickname'));
            return;
        }

        try {
            // 保存昵称
            await setNickname(nickname);
            // 更新标题
            updateProfileTitle(nickname);
            if (isFirstTime) {
                await initBookmarkProfile();
            }
            modalOverlay.style.display = 'none';
        } catch (error) {
            console.error('Error saving nickname:', error);
            alert(getMessage('nicknameError'));
        }