iot/spore-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: expand firmware sections on search

Browse Source
This commit is contained in:
0x1d
2025-10-23 11:48:43 +02:00
parent 531ddbee85
commit 61f8c8aa2a
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
public/scripts/components/FirmwareComponent.js
View File

@@ -154,8 +154,10 @@ class FirmwareComponent extends Component {
`; `;
return; return;
} }
const firmwareHTML = filteredGroups.map(group => this.renderFirmwareGroup(group)).join(''); // Auto-expand groups when search is active to show results
const autoExpand = searchQuery.trim().length > 0;
const firmwareHTML = filteredGroups.map(group => this.renderFirmwareGroup(group, autoExpand)).join('');
container.innerHTML = ` container.innerHTML = `
<div class="firmware-groups"> <div class="firmware-groups">
@@ -167,11 +169,14 @@ class FirmwareComponent extends Component {
this.setupFirmwareItemListeners(); this.setupFirmwareItemListeners();
} }
renderFirmwareGroup(group) { renderFirmwareGroup(group, autoExpand = false) {
const versionsHTML = group.firmware.map(firmware => this.renderFirmwareVersion(firmware)).join(''); const versionsHTML = group.firmware.map(firmware => this.renderFirmwareVersion(firmware)).join('');
// Add 'expanded' class if autoExpand is true (e.g., when search results are shown)
const expandedClass = autoExpand ? 'expanded' : '';
return ` return `
<div class="firmware-group"> <div class="firmware-group ${expandedClass}">
<div class="firmware-group-header"> <div class="firmware-group-header">
<div class="firmware-group-header-content"> <div class="firmware-group-header-content">
<h3 class="firmware-group-name">${this.escapeHtml(group.name)}</h3> <h3 class="firmware-group-name">${this.escapeHtml(group.name)}</h3>