83 lines
2.9 KiB
JavaScript
83 lines
2.9 KiB
JavaScript
// ================================================================
|
||
// Command Form Component
|
||
// ================================================================
|
||
|
||
window.onCmdTypeChange = function() {
|
||
const type = document.getElementById('cmd-type').value;
|
||
document.getElementById('build-options').style.display = type === 'build' ? '' : 'none';
|
||
document.getElementById('recruit-options').style.display = type === 'recruit' ? '' : 'none';
|
||
document.getElementById('amount-group').style.display = type === 'recruit' ? '' : 'none';
|
||
};
|
||
|
||
window.renderBuildingDropdown = function() {
|
||
const town = window.getSelectedTown();
|
||
if (!town) return;
|
||
const bSelect = document.getElementById('building-select');
|
||
const bLevels = town.buildings || {};
|
||
const bData = town.build_data || {};
|
||
|
||
const currentVal = bSelect.value;
|
||
bSelect.innerHTML = '';
|
||
|
||
// Helper to format seconds -> "1h 30m" or "4m 15s"
|
||
const formatTime = (secs) => {
|
||
if (!secs) return '';
|
||
const h = Math.floor(secs / 3600);
|
||
const m = Math.floor((secs % 3600) / 60);
|
||
const s = secs % 60;
|
||
if (h > 0) return `${h}h ${m}m`;
|
||
if (m > 0) return `${m}m ${s}s`;
|
||
return `${s}s`;
|
||
};
|
||
|
||
for (const [key, nameGr] of Object.entries(window.BUILDING_NAMES_GR)) {
|
||
const level = bLevels[key] !== undefined ? bLevels[key] : "?";
|
||
const data = bData[key];
|
||
|
||
let text = `${nameGr} [Επίπεδο ${level}]`;
|
||
let buildable = true;
|
||
|
||
if (data) {
|
||
const w = window.fmt(data.wood || 0);
|
||
const st = window.fmt(data.stone || 0);
|
||
const i = window.fmt(data.iron || 0);
|
||
const t = formatTime(data.build_time);
|
||
buildable = data.buildable;
|
||
|
||
// Only show costs if the prerequisites are fulfilled and it's not max level
|
||
if (data.dependencies) {
|
||
text += ` — Ξ:${w} Π:${st} Α:${i} · ⏱ ${t}`;
|
||
} else {
|
||
text += ` — (Μη διαθέσιμο)`;
|
||
}
|
||
}
|
||
|
||
const option = document.createElement('option');
|
||
option.value = key;
|
||
option.textContent = (!buildable && data?.dependencies) ? `❌ ${text}` : text;
|
||
|
||
if (!buildable) {
|
||
option.style.color = '#aa5555';
|
||
}
|
||
|
||
bSelect.appendChild(option);
|
||
}
|
||
|
||
if (currentVal && Array.from(bSelect.options).some(o => o.value === currentVal)) {
|
||
bSelect.value = currentVal;
|
||
}
|
||
};
|
||
|
||
window.renderBuildQueuePreview = function() {
|
||
const town = window.getSelectedTown();
|
||
const el = document.getElementById('build-queue-preview');
|
||
if (!town || !town.build_queue || !town.build_queue.length) {
|
||
el.innerHTML = '<span style="color:#444">Build queue: empty</span>';
|
||
return;
|
||
}
|
||
const items = town.build_queue.map(o =>
|
||
`<span>${o.building_type || o.name || JSON.stringify(o)}</span>`
|
||
).join('');
|
||
el.innerHTML = `<div style="margin-top:6px;color:#888;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px;">Current queue</div>${items}`;
|
||
};
|