`;
// 应用样式
applyStyles(container);
document.body.appendChild(container);
initializePlanetOptions();
bindEvents();
setupDragFunctionality();
}
function applyStyles(container) {
const styles = `
#queue-automation-panel {
position: fixed;
top: 20px;
right: 20px;
width: 160px;
background: rgba(44, 62, 80, 0.95);
color: white;
border-radius: 10px;
padding: 10px 15px;
box-shadow: 0 4px 20px rgba(0,0,0,0.3);
z-index: 10000;
font-family: Arial, sans-serif;
font-size: 14px;
backdrop-filter: blur(5px);
transition: opacity 0.3s ease;
touch-action: none;
user-select: none;
}
#title-bar {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
cursor: move;
}
#panel-title {
margin: 0;
color: #3498db;
flex: 1;
text-align: center;
font-size: 14px;
}
#toggle-button {
width: 25px;
height: 25px;
border: none;
border-radius: 50%;
background: #e74c3c;
color: white;
cursor: pointer;
font-size: 16px;
line-height: 1;
margin-left: 10px;
flex-shrink: 0;
}
#panel-content label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
#panel-content select,
#panel-content input {
width: 100%;
padding: 8px;
margin-bottom: 15px;
border: none;
border-radius: 5px;
background: rgba(52, 73, 94, 0.8);
color: white;
font-size: 14px;
box-sizing: border-box;
}
.button-container {
display: flex;
gap: 10px;
margin-bottom: 15px;
}
.button-container button {
flex: 1;
padding: 10px;
border: none;
border-radius: 5px;
color: white;
font-size: 14px;
font-weight: bold;
cursor: pointer;
transition: filter 0.3s ease, opacity 0.3s ease;
}
#start-button {
background: #27ae60;
}
#stop-button {
background: #e74c3c;
opacity: 0.5;
}
#stop-button:not(:disabled) {
opacity: 1;
}
#status-display {
background: rgba(52, 73, 94, 0.8);
padding: 10px;
border-radius: 5px;
margin-bottom: 10px;
height: 120px;
font-size: 12px;
line-height: 1.4;
overflow-y: auto;
}
#refresh-button {
width: 100%;
padding: 5px;
margin-top: 10px;
border: none;
border-radius: 5px;
background: #9b59b6;
color: white;
font-size: 12px;
cursor: pointer;
}
button:hover:not(:disabled) {
filter: brightness(110%);
}
.expanded {
width: 300px !important;
padding: 20px !important;
}
.expanded #panel-title {
border-bottom: 2px solid #3498db;
padding-bottom: 10px;
font-size: inherit;
}
`;
const styleSheet = document.createElement('style');
styleSheet.textContent = styles;
document.head.appendChild(styleSheet);
}
// 拖拽功能（支持触摸）
function setupDragFunctionality() {
const container = document.getElementById('queue-automation-panel');
const titleBar = document.getElementById('title-bar');
utils.addPointerEvents(titleBar, {
start: (e) => {
if (e.target.id === 'toggle-button') return;
e.preventDefault();
dragState.isDragging = true;
const rect = container.getBoundingClientRect();
const pos = utils.getPointerPosition(e);
dragState.offset = {
x: pos.x - rect.left,
y: pos.y - rect.top
};
container.style.transition = 'none';
container.style.opacity = '0.8';
}
});
utils.addPointerEvents(document, {
move: (e) => {
if (!dragState.isDragging) return;
e.preventDefault();
const pos = utils.getPointerPosition(e);
const x = pos.x - dragState.offset.x;
const y = pos.y - dragState.offset.y;
const maxX = window.innerWidth - container.offsetWidth;
const maxY = window.innerHeight - container.offsetHeight;
container.style.left = Math.max(0, Math.min(x, maxX)) + 'px';
container.style.top = Math.max(0, Math.min(y, maxY)) + 'px';
container.style.right = 'auto';
},
end: () => {
if (dragState.isDragging) {
dragState.isDragging = false;
container.style.transition = 'opacity 0.3s ease';
container.style.opacity = '0.95';
}
}
});
// 鼠标悬停效果
container.addEventListener('mouseenter', () => {
if (!dragState.isDragging) container.style.opacity = '1';
});
container.addEventListener('mouseleave', () => {
if (!dragState.isDragging) container.style.opacity = '0.95';
});
}
// 事件绑定
function bindEvents() {
const battleInput = document.getElementById('battle-count');
const planetSelect = document.getElementById('planet-select');
const toggleButton = document.getElementById('toggle-button');
const container = document.getElementById('queue-automation-panel');
const content = document.getElementById('panel-content');
const title = document.getElementById('panel-title');
let isMinimized = true;
// 输入验证
battleInput.addEventListener('input', function() {
let value = this.value.replace(/[^\d]/g, '');
if (value === '') value = '1';
else {
const num = parseInt(value);
if (num < 1) value = '1';
if (num > 9999999999) value = '9999999999';
}
this.value = value;
utils.saveSettings();
});
battleInput.addEventListener('blur', function() {
if (this.value === '') this.value = '1';
utils.saveSettings();
});
battleInput.addEventListener('keydown', function(e) {
if (['e', 'E', '+', '-', '.'].includes(e.key)) {
e.preventDefault();
}
});
planetSelect.addEventListener('change', utils.saveSettings);
// 切换展开/折叠
toggleButton.addEventListener('click', (e) => {
e.stopPropagation();
if (isMinimized) {
content.style.display = 'block';
container.classList.add('expanded');
toggleButton.textContent = '−';
} else {
content.style.display = 'none';
container.classList.remove('expanded');
title.style.borderBottom = 'none';
title.style.paddingBottom = '0';
toggleButton.textContent = '+';
}
isMinimized = !isMinimized;
});
// 开始/停止按钮
document.getElementById('start-button').addEventListener('click', () => {
const battleCount = parseInt(battleInput.value);
if (!Number.isInteger(battleCount) || battleCount < 1 || battleCount > 9999999999) {
updateStatus(t.status.invalidNumber, 'error');
return;
}
if (!isRunning) {
updateConfig();
startAutomation();
}
});
document.getElementById('stop-button').addEventListener('click', stopAutomation);
// 刷新按钮
document.getElementById('refresh-button').addEventListener('click', () => {
document.getElementsByClassName("NavigationBar_nav__3uuUl")[13].click();
document.getElementsByClassName("MuiBadge-root TabsComponent_badge__1Du26 css-1rzb3uu")[0].click();
initializePlanetOptions();
});
}
// 初始化任务选项
function initializePlanetOptions() {
const planetSelect = document.getElementById('planet-select');
const planetElements = document.getElementsByClassName("SkillAction_name__2VPXa");
planetSelect.innerHTML = '';
if (planetElements.length === 0) {
const option = document.createElement('option');
option.value = '0';
option.textContent = t.noTasksFound;
planetSelect.appendChild(option);
return;
}
for (let i = 0; i < planetElements.length; i++) {
const option = document.createElement('option');
option.value = i;
option.textContent = planetElements[i].textContent || 'Unknown';
planetSelect.appendChild(option);
}
setTimeout(() => utils.applySettings(), 100);
}
// 更新配置
function updateConfig() {
currentConfig.planetIndex = parseInt(document.getElementById('planet-select').value) || 0;
const battleCount = parseInt(document.getElementById('battle-count').value);
if (Number.isInteger(battleCount) && battleCount >= 1 && battleCount <= 9999999999) {
currentConfig.battleCount = battleCount;
} else {
currentConfig.battleCount = 1;
document.getElementById('battle-count').value = '1';
updateStatus(t.status.invalidCountSet, 'warning');
}
utils.saveSettings();
}
// 状态更新
function updateStatus(message, type = 'info') {
const statusDiv = document.getElementById('status-display');
const timestamp = new Date().toLocaleTimeString();
const colors = {
'info': '#3498db',
'success': '#27ae60',
'warning': '#f39c12',
'error': '#e74c3c'
};
const newMessage = document.createElement('div');
newMessage.style.color = colors[type];
newMessage.textContent = `[${timestamp}] ${message}`;
statusDiv.appendChild(newMessage);
// 保持最新30条消息
while (statusDiv.children.length > 30) {
statusDiv.removeChild(statusDiv.firstChild);
}
statusDiv.scrollTop = statusDiv.scrollHeight;
}
// 自动化控制
function startAutomation() {
isRunning = true;
retryCount = 0;
const startButton = document.getElementById('start-button');
const stopButton = document.getElementById('stop-button');
startButton.disabled = true;
startButton.style.opacity = '0.5';
stopButton.disabled = false;
stopButton.style.opacity = '1';
const planetName = document.getElementById('planet-select').options[currentConfig.planetIndex].text;
updateStatus(`${t.status.startingAuto} - ${planetName}, ${currentConfig.battleCount}${t.status.times}`, 'success');
executeQueueCheck();
}
function stopAutomation() {
isRunning = false;
const startButton = document.getElementById('start-button');
const stopButton = document.getElementById('stop-button');
startButton.disabled = false;
startButton.style.opacity = '1';
stopButton.disabled = true;
stopButton.style.opacity = '0.5';
updateStatus(t.status.stopped, 'warning');
}
// 队列操作
function addTaskToQueue(i, j) {
if (!isRunning) return;
try {
document.getElementsByClassName("NavigationBar_nav__3uuUl")[13].click();
document.getElementsByClassName("MuiBadge-root TabsComponent_badge__1Du26 css-1rzb3uu")[0].click();
const planetElement = document.getElementsByClassName("SkillAction_name__2VPXa")[i];
if (!planetElement) throw new Error(`Task element with index ${i} not found`);
planetElement.click();
setTimeout(() => {
if (!isRunning) return;
const inputElement = document.getElementsByClassName("Input_input__2-t98")[0];
if (!inputElement) throw new Error("Input element not found");
utils.setInputValue(inputElement, j);
const addButton = document.getElementsByClassName("Button_button__1Fe9z Button_fullWidth__17pVU Button_large__yIDVZ")[0];
if (!addButton) throw new Error("Add button not found");
addButton.click();
updateStatus(t.status.addedToQueue, 'success');
retryCount = 0;
}, 300);
} catch (error) {
updateStatus(`${t.status.addToQueueFailed}: ${error.message}`, 'error');
}
}
function executeQueueCheck() {
if (!isRunning) return;
try {
const queueElement = document.getElementsByClassName("QueuedActions_queuedActions__2xerL")[0];
if (!queueElement) {
updateStatus(t.status.queueNotFull, 'success');
addTaskToQueue(currentConfig.planetIndex, currentConfig.battleCount);
setTimeout(() => isRunning && executeQueueCheck(), 2000);
return;
}
const isExpanded = !!document.getElementsByClassName("QueuedActions_label__1lTOW")[0];
if (!isExpanded) {
queueElement.click();
return setTimeout(() => isRunning && executeQueueCheck(), 500);
}
const labelElement = document.getElementsByClassName("QueuedActions_label__1lTOW")[0];
const match = labelElement.textContent.match(/\((\d+)\/(\d+)\)/);
if (!match) throw new Error("Matching number format not found");
const [, numerator, denominator] = match.map(Number);
updateStatus(`${t.status.queueStatus}: ${numerator}/${denominator}`, 'info');
if (numerator < denominator) {
updateStatus(t.status.queueNotFull, 'success');
addTaskToQueue(currentConfig.planetIndex, currentConfig.battleCount);
setTimeout(() => isRunning && executeQueueCheck(), 2000);
} else {
updateStatus(t.status.queueFull, 'warning');
waitAndRetryQueueCheck();
}
} catch (error) {
updateStatus(`${t.status.executionError}: ${error.message}`, 'error');
retryCount < 5 ? waitAndRetryQueueCheck() : stopAutomation();
}
}
function waitAndRetryQueueCheck() {
if (!isRunning) return;
retryCount++;
if (retryCount >= currentConfig.maxRetries) {
updateStatus(t.status.timeout, 'error');
stopAutomation();
return;
}
setTimeout(() => {
if (isRunning) executeQueueCheck();
}, currentConfig.retryDelay);
}
function ExecuteQueueCheck() {
if (!isRunning) return;
try {
const queueElement = document.getElementsByClassName("QueuedActions_queuedActions__2xerL")[0];
if (!queueElement){
updateStatus(t.status.queueNotFull, 'success');
addTaskToQueue(currentConfig.planetIndex, currentConfig.battleCount);
setTimeout(() => isRunning && ExecuteQueueCheck(), 2000);
return;
}
if (!isQueueExpanded()) {
queueElement.click();
return setTimeout(() => isRunning && ExecuteQueueCheck(), 500);
}
const labelElement = document.getElementsByClassName("QueuedActions_label__1lTOW")[0];
const match = labelElement.textContent.match(/\((\d+)\/(\d+)\)/);
if (!match) throw new Error("Matching number format not found");
const numerator = parseInt(match[1]);
const denominator = parseInt(match[2]);
updateStatus(`${t.status.queueStatus}: ${numerator}/${denominator}`, 'info');
if (numerator < denominator) {
updateStatus(t.status.queueNotFull, 'success');
addTaskToQueue(currentConfig.planetIndex, currentConfig.battleCount);
setTimeout(() => isRunning && ExecuteQueueCheck(), 2000);
} else {
updateStatus(t.status.queueFull, 'warning');
waitAndRetryQueueCheck();
}
} catch (error) {
updateStatus(t.status.executionError`: ${error.message}`, 'error');
retryCount < 5 ? waitAndRetryQueueCheck() : stopAutomation();
}
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', createUI);
} else {
createUI();
}
})();