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