${localizedText.titleText}
${localizedText.reportText}
${localizedText.infoText}
`
// 只有当shouldShowBadge为true时才添加模态框
if (shouldShowBadge) {
document.body.appendChild(modal)
// 定义一个全局计时器变量
let hideTimeout
// 事件监听
badgeButton.addEventListener('click', () => {
modal.style.display = 'flex'
})
// 鼠标悬停时也显示badge
badgeButton.addEventListener('mouseenter', () => {
modal.style.display = 'flex'
clearTimeout(hideTimeout) // 清除已有的计时器
})
// 鼠标离开badgeButton时，延迟1秒关闭modal
badgeButton.addEventListener('mouseleave', () => {
hideTimeout = setTimeout(() => {
modal.style.display = 'none'
}, 1000)
})
// 鼠标进入modal时，清除计时器
modal.addEventListener('mouseenter', () => {
clearTimeout(hideTimeout)
})
// 鼠标离开modal时，延迟1秒关闭modal
modal.addEventListener('mouseleave', () => {
hideTimeout = setTimeout(() => {
modal.style.display = 'none'
}, 1000)
})
const closeButton = modal.querySelector('.genspark-close')
closeButton.addEventListener('click', () => {
modal.style.display = 'none'
})
// 点击模态框外部关闭
document.addEventListener('click', e => {
if (
modal.style.display === 'block' &&
!modal.contains(e.target) &&
e.target !== badgeButton
) {
modal.style.display = 'none'
}
})
// 添加按钮功能
const removeButton = modal.querySelector('.genspark-remove-btn')
removeButton.addEventListener('click', () => {
// 检测是否在iframe中
if (window.self !== window.top) {
// 在iframe中，使用postMessage发送token消息给父窗口
window.parent.postMessage(
{
type: 'html_badge_remove_badge',
payload: {
token: window.__genspark_token,
},
},
'*'
)
} else {
// 不在iframe中，使用原来的逻辑
if (window.__genspark_remove_badge_link) {
window.location.href = window.__genspark_remove_badge_link
}
}
console.log('Remove badge clicked')
})
const goButton = modal.querySelector('.genspark-go-btn')
goButton.addEventListener('click', () => {
// 这里可以添加跳转到Genspark的逻辑
window.open('https://www.genspark.ai', '_blank')
})
}
})()