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
|
// 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
|
||||||
|
|||||||
Reference in New Issue
Block a user