fix: correct indentation causing plans not to display

The code had improper indentation in the storage rendering section,
causing JavaScript errors and preventing plans from showing.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Claude
2025-12-06 01:33:35 +04:00
Unverified
parent 2c83ac33c8
commit f78bb4169a

View File

@@ -4645,52 +4645,52 @@ var wpcf7 = {
// Render each group // Render each group
groupOrder.forEach((sig, groupIndex) => { groupOrder.forEach((sig, groupIndex) => {
const groupOpts = storageGroups[sig]; const groupOpts = storageGroups[sig];
const firstOpt = groupOpts[0]; const firstOpt = groupOpts[0];
const label = document.createElement('div'); const label = document.createElement('div');
label.className = 'section-label'; label.className = 'section-label';
label.style.marginTop = '1.5rem'; label.style.marginTop = '1.5rem';
// Detect Title based on content // Detect Title based on content
const firstLabel = firstOpt.label.toLowerCase(); const firstLabel = firstOpt.label.toLowerCase();
// Check values for keywords // Check values for keywords
const hasGen5 = firstOpt.values.some(v => v.text.toLowerCase().includes('gen5')); const hasGen5 = firstOpt.values.some(v => v.text.toLowerCase().includes('gen5'));
const hasGen4 = firstOpt.values.some(v => v.text.toLowerCase().includes('gen4')); const hasGen4 = firstOpt.values.some(v => v.text.toLowerCase().includes('gen4'));
const hasEnt = firstOpt.values.some(v => v.text.toLowerCase().includes('enterprise') || v.text.toLowerCase().includes('ent')); const hasEnt = firstOpt.values.some(v => v.text.toLowerCase().includes('enterprise') || v.text.toLowerCase().includes('ent'));
let title = '💿 STORAGE CONFIGURATION'; let title = '💿 STORAGE CONFIGURATION';
if (hasGen5) title = '🚀 GEN5 NVME STORAGE (ENTERPRISE)'; if (hasGen5) title = '🚀 GEN5 NVME STORAGE (ENTERPRISE)';
else if (hasGen4) title = '💿 GEN4 NVME STORAGE (CONSUMER)'; else if (hasGen4) title = '💿 GEN4 NVME STORAGE (CONSUMER)';
else if (hasEnt) title = '💾 ENTERPRISE STORAGE'; else if (hasEnt) title = '💾 ENTERPRISE STORAGE';
// Append Group Index if multiple groups exist to differentiate // Append Group Index if multiple groups exist to differentiate
if (groupOrder.length > 1) { if (groupOrder.length > 1) {
title += ` (Group ${groupIndex + 1})`; title += ` (Group ${groupIndex + 1})`;
} }
label.textContent = title; label.textContent = title;
container.appendChild(label); container.appendChild(label);
// Visualizer for THIS group // Visualizer for THIS group
const maxSlots = groupOpts.length; const maxSlots = groupOpts.length;
const visualContainer = document.createElement('div'); const visualContainer = document.createElement('div');
visualContainer.className = 'storage-slots-container'; visualContainer.className = 'storage-slots-container';
const uniqueSuffix = (isInstant ? '-instant' : '') + '-g' + groupIndex; const uniqueSuffix = (isInstant ? '-instant' : '') + '-g' + groupIndex;
visualContainer.innerHTML = ` visualContainer.innerHTML = `
<div class="slots-header"> <div class="slots-header">
<span>Available Slots: <strong id="dynamic-slots-count${uniqueSuffix}">0/${maxSlots}</strong></span> <span>Available Slots: <strong id="dynamic-slots-count${uniqueSuffix}">0/${maxSlots}</strong></span>
<span id="dynamic-slots-status${uniqueSuffix}" style="color:var(--success); font-size:0.75rem;">Select drives</span> <span id="dynamic-slots-status${uniqueSuffix}" style="color:var(--success); font-size:0.75rem;">Select drives</span>
</div> </div>
<div class="slots-visual" id="dynamic-slots-visual${uniqueSuffix}"> <div class="slots-visual" id="dynamic-slots-visual${uniqueSuffix}">
${Array(maxSlots).fill('<div class="drive-slot"></div>').join('')} ${Array(maxSlots).fill('<div class="drive-slot"></div>').join('')}
</div> </div>
`; `;
container.appendChild(visualContainer); container.appendChild(visualContainer);
// Always use pooled grid for these groups as they are by definition identical // Always use pooled grid for these groups as they are by definition identical
container.appendChild(createPooledStorageGrid(groupOpts, isInstant, preselected, groupIndex)); container.appendChild(createPooledStorageGrid(groupOpts, isInstant, preselected, groupIndex));
}); });
} }
// 3. Network & Other // 3. Network & Other