${getTimeString()}
${t('ready')}
`;
document.body.appendChild(container);
uiContainer = container;
setupEventListeners();
updatePumpkinLists();
}
function setupEventListeners() {
const header = uiContainer.querySelector('.pumpkin-header');
const toggleBtn = document.getElementById('pumpkin-collapse-toggle');
const closeBtn = document.getElementById('pumpkin-close-btn');
const langToggle = document.getElementById('pumpkin-lang-toggle');
const content = document.getElementById('pumpkin-content');
const startBtn = document.getElementById('pumpkin-btn-start');
const refreshBtn = document.getElementById('pumpkin-btn-refresh');
header.addEventListener('mousedown', dragStart);
document.addEventListener('mousemove', drag);
document.addEventListener('mouseup', dragEnd);
toggleBtn.addEventListener('click', (e) => {
e.stopPropagation();
content.classList.toggle('pumpkin-collapsed');
toggleBtn.textContent = content.classList.contains('pumpkin-collapsed') ? '▲' : '▼';
});
closeBtn.addEventListener('click', (e) => {
e.stopPropagation();
uiContainer.classList.add('pumpkin-hidden');
});
langToggle.addEventListener('click', (e) => {
e.stopPropagation();
currentLang = currentLang === 'ja' ? 'en' : 'ja';
localStorage.setItem(LANG_KEY, currentLang);
langToggle.textContent = currentLang.toUpperCase();
updateUILanguage();
});
startBtn.addEventListener('click', toggleAutoClaim);
refreshBtn.addEventListener('click', async () => {
addLog(t('manualRefresh'), 'info');
await updateData();
});
setupListToggle('pumpkin-claimed-list-header', 'pumpkin-claimed-list-content');
setupListToggle('pumpkin-discovered-list-header', 'pumpkin-discovered-list-content');
document.addEventListener('keydown', (e) => {
if (e.ctrlKey && e.shiftKey && e.key === 'P') {
uiContainer.classList.remove('pumpkin-hidden');
}
});
}
function setupListToggle(headerId, contentId) {
const header = document.getElementById(headerId);
const content = document.getElementById(contentId);
const toggle = header.querySelector('.pumpkin-list-toggle');
header.addEventListener('click', () => {
content.classList.toggle('pumpkin-collapsed');
toggle.classList.toggle('pumpkin-collapsed');
});
}
function updateUILanguage() {
document.getElementById('pumpkin-title-text').textContent = t('title');
document.querySelectorAll('[data-pumpkin-i18n]').forEach(el => {
const key = el.getAttribute('data-pumpkin-i18n');
el.textContent = t(key);
});
const startBtn = document.getElementById('pumpkin-btn-start');
const btnText = startBtn.querySelector('span:not(.pumpkin-status-indicator)');
if (btnText) {
btnText.textContent = isRunning ? t('stop') : t('start');
}
updatePumpkinListTitles();
}
function updatePumpkinListTitles() {
const claimedCount = claimedPumpkins.length;
const discoveredCount = Object.keys(currentHourPumpkins).length;
document.querySelector('#pumpkin-claimed-list-header .pumpkin-list-title').textContent =
`${t('claimed')} (${claimedCount}/100)`;
document.querySelector('#pumpkin-discovered-list-header .pumpkin-list-title').textContent =
`${t('currentHour')} (${discoveredCount}/100)`;
}
function dragStart(e) {
if (e.target.closest('.pumpkin-header-btn') || e.target.closest('.pumpkin-icon-btn')) {
return;
}
initialX = e.clientX - xOffset;
initialY = e.clientY - yOffset;
isDragging = true;
}
function drag(e) {
if (isDragging) {
e.preventDefault();
currentX = e.clientX - initialX;
currentY = e.clientY - initialY;
xOffset = currentX;
yOffset = currentY;
setTranslate(currentX, currentY, uiContainer);
}
}
function dragEnd(e) {
initialX = currentX;
initialY = currentY;
isDragging = false;
}
function setTranslate(xPos, yPos, el) {
el.style.transform = `translate3d(${xPos}px, ${yPos}px, 0)`;
}
function getTimeString() {
const now = new Date();
return now.toLocaleTimeString('ja-JP', { hour: '2-digit', minute: '2-digit', second: '2-digit' });
}
function addLog(message, type = 'info') {
const logContainer = document.getElementById('pumpkin-log-container');
const logEntry = document.createElement('div');
logEntry.className = `pumpkin-log-entry pumpkin-log-${type}`;
logEntry.innerHTML = `